【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'})
}