【Vue】【Router】手动跳转用 this.$router.push() 时 $router 未定义的问题

初入Vue,手写路由跳转时的问题:

toXxxRoute: () => {
  this.$router.push({'path': '/xxx', 'name': 'xxx'})
}

由于使用了箭头函数,this的指向与传统 js 里不同

所以报错

TypeError: Cannot read property '$router' of undefined

与其保持一个this变量,不如改回写 function 的方式

toXxxRoute: function(){
  this.$router.push({'path': '/xxx', 'name': 'xxx'})
}

作者:码路工人

公众号:码路工人有力量(Code-Power)

欢迎关注个人微信公众号 Coder-Power

一起学习提高吧~

原文地址:https://www.cnblogs.com/CoderMonkie/p/vue-router-undefined.html