vue 回车后自动刷新页面,vue实现页面局部刷新

  vue 回车后自动刷新页面,vue实现页面局部刷新

  本文主要介绍了vue中按钮操作后刷新页面的实现,有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。

  

目录

  操作vue按钮刷新页面。1.它在父组件中实现。2.子组件被绑定,单击按钮后页面会自动刷新。

  

vue按钮操作完刷新页面

  首先从子组件和父组件的角度来写这个东西,简而言之就是在父组件中实现这个刷新功能,然后在子组件中进行绑定和监控的方式。

  

1.父组件中实现

   图示部分:

  建议将这个个人组件作为父组件,一般必须放在列表中,也就是将列表页面作为父组件的home。

   代码部分:

  方法的一部分

  刷新(){

  this.reload()

  }

  重新装填被注入。

  注入:[reload],

  

2.子组件绑定

   子组件进行绑定

  在父组件中引用子组件页面的位置绑定。

  如图所示:

  绑定脚本:

  @refresh=refresh

   单独去子组件页面处理成功的地方去监听

  图示:以本页为例。

  转到子页:

  在子页面组件中成功处理之后,监视父组件中的刷新方法。以上设置完成后,就可以了。

  

点击按钮后自动刷新页面

  添加按钮单击事件

  window . location . reload();

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: