vue使用this.$router.push的时候出现了this.$router.push is not a function，为什么？

根据提供的引用内容，出现“this.$router.push is not a function”错误的原因可能是因为在Vue项目的index.js文件中重写了Router.prototype.push方法，导致this.$router.push方法失效。解决方法是在重写的push方法中返回原始的push方法，如下所示：

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

这样就可以解决this.$router.push is not a function的问题了。

相关问题

this.$router.push在Charts.on无法使用

this.$router.push是Vue Router提供的方法，用于进行路由跳转。在Charts.on方法中无法使用this.$router.push的原因可能是Charts.on方法中的this指向的不是Vue实例，而是Charts对象本身。

要解决这个问题，可以尝试以下几种方法：
1. 在Charts.on方法中使用箭头函数，确保this指向正确的Vue实例。例如：

Charts.on('click', () => {
  this.$router.push('/path');
});

2. 在Charts.on方法中将this保存到一个变量中，然后在回调函数中使用该变量。例如：

var vm = this;
Charts.on('click', function() {
  vm.$router.push('/path');
});

3. 如果Charts.on方法支持传递上下文参数，可以将this作为上下文参数传递进去。例如：

Charts.on('click', function() {
  this.$router.push('/path');
}, this);

this.$route.push is not a function

这个错误提示意思是：this.$route.push 不是一个函数。

可能的原因是你在使用 this.$route.push() 方法时，$route 对象没有被正确地初始化或者被定义为其他类型的对象，导致无法调用 push() 方法。

解决方法可能是检查你的代码中是否正确地引入了 Vue Router，并且在实例化 Vue 应用时正确地配置了路由选项。另外，也需要检查你的代码中是否存在其他与 $route 对象冲突的变量或方法。

如果以上方法都无法解决问题，可以尝试在 Vue Devtools 中查看 $route 对象的具体内容，以便更好地定位问题所在。