首页 > 其他 > 详细

vue切换组件时刷新数据

时间:2020-07-08 15:48:54      阅读:265      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

 例如,当客户合同管理中添加合同信息之后,点击统计分析,希望的效果是销售额信息发生变化,这时,可以考虑使用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

vue切换组件时刷新数据

原文:https://www.cnblogs.com/xuyinshan/p/13266860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!