日常开发记录--vue判断从不同页面跳转到当前页面的路由地址

日常项目中经常会出现这种效果 点击添加和编辑 跳转至 编辑页活添加页后，通过保存 el-tab-pane这个组件还是要指向原来的地方

方法一、通过beforeRouteEnter实现(此方法可实现需求)
但是要注意哦 beforeRouteEnter是不能访问this的

 

 解决方法如下

  beforeRouteEnter(to, from, next) {
    next(vm => {
      if (from.name== "collection-plans") vm.active = "node";
    });
  },

方法二：通过watch监听实现(这个方法没有打印出from的值，我没有使用，待验证)

watch : {
    '$route' (to, from) {
        // from 对象中要 router 来源信息.
        // do your want
    }
}

版权声明：本文为优快云博主「一个假的前端男」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/IT_iosers/article/details/121494691