vue切换组件时刷新数据

标签：切换   页面   guid   init   nal   route   before   分析   bsp   

使用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切换组件时刷新数据

标签：切换   页面   guid   init   nal   route   before   分析   bsp   

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