vue切换组件时刷新数据


使用iview做后台管理,点开统计分析的页面之后,点开其他页面增删数据,希望的效果是,当再点回统计分析页面,页面上的数据能实现刷新:

 例如,当客户合同管理中添加合同信息之后,点击统计分析,希望的效果是销售额信息发生变化(如果vue文件名和定义的组件名一致,当切换页面时候,自然会初始化该组件实现刷新,你看看是不是文件名与定义的组件名不一致的问题),这时,可以考虑使用beforeRouteEnter(),示例:

 代码:

  beforeRouteEnter(to, form, next) {
    next(productAnalysis => {
      productAnalysis.init();
    });
  }

其中,productAnalysis是当前组件的名称,注意,在这个钩子函数中不能获取组件实例this!

官网对其解释:

 详情查阅官网:

https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E7%BB%84%E4%BB%B6%E5%86%85%E7%9A%84%E9%92%A9%E5%AD%90


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM