vue 回车后自动刷新页面,vue实现页面局部刷新
本文主要介绍了vue中按钮操作后刷新页面的实现,有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。
目录
操作vue按钮刷新页面。1.它在父组件中实现。2.子组件被绑定,单击按钮后页面会自动刷新。
vue按钮操作完刷新页面
首先从子组件和父组件的角度来写这个东西,简而言之就是在父组件中实现这个刷新功能,然后在子组件中进行绑定和监控的方式。
1.父组件中实现
图示部分:
建议将这个个人组件作为父组件,一般必须放在列表中,也就是将列表页面作为父组件的home。
代码部分:
方法的一部分
刷新(){
this.reload()
}
重新装填被注入。
注入:[reload],
2.子组件绑定
子组件进行绑定
在父组件中引用子组件页面的位置绑定。
如图所示:
绑定脚本:
@refresh=refresh
单独去子组件页面处理成功的地方去监听
图示:以本页为例。
转到子页:
在子页面组件中成功处理之后,监视父组件中的刷新方法。以上设置完成后,就可以了。
点击按钮后自动刷新页面
添加按钮单击事件
window . location . reload();
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。