vue切换组件时刷新数据

Posted 2020-12-16 xuyinshan

使用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