日常开发记录--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
    }
}

 

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

posted on 2022-05-24 14:50  法老的微笑  阅读(992)  评论(0)    收藏  举报