标签：转报 res route next 三种 VueRouter error push 路由

1.watch监听$route新值和旧值是否相等

    watch:{ '$route.path':function(newValue,oldValue){ if(newValue=='xxx'){ } } }

2.利用beforeRouteUpdate钩子函数监听解决

export default{
   data(){
         return {}
  },
   beforeRouteUpdate(to,from,next){
        console.log(to,from,next)
        if(to.fullPath!=from.fullPath){
            next()
            this.changeUser()
        }
    },
    methods:{
         changeUser(){
            getUserBaseInfo({userId:this.$route.params.id}).then(res=>{
            if(res.success){
                this.stuInfo = res.data;
            }else{
                this.$message.error(res.message)
            }
            
        })
        }  
    }  
}

3.重写push方法解决(复制到main.js里面)

   import Vue from 'vue'

   import VueRouter from 'vue-router'

  const routerPush = VueRouter.prototype.push

      VueRouter.prototype.push = function push (location) {

                   return routerPush.call(this, location).catch(error => error)

                   }

标签：转报,res,route,next,三种,VueRouter,error,push,路由
来源： https://blog.csdn.net/weixin_53248537/article/details/117867203

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。