Vue中this的指向问题，this指不到Vue原型的解决方法

在Vue中通常会用this去调用绑定在Vue原型上的方法。解决方法一加粗样式我在函数体内写了一个this.router.push(′/index′)方法，其主要目的是为了在验证完成后进行路由跳转，跳转到index页面。当运行过后会报个错。![在这里插入图片描述](https://img−blog.csdnimg.cn/201812251620106.png)其报错原因是因为在函数内部th...

年轻人_gyc

16099人浏览 · 2018-12-25 16:27:47

年轻人_gyc · 2018-12-25 16:27:47 发布

在Vue中通常会用this去调用绑定在Vue原型上的方法。
解决方法一

在这里插入图片描述
加粗样式

我在函数体内写了一个this.$router.push(’/index’)方法，其主要目的是为了在验证完成后进行路由跳转，跳转到index页面。当运行过后会报个错。其报错原因是因为在函数内部this的指向出现了问题。可以在函数体外把this赋值给变量。然后再函数内部再进行调用我在函数体外对this进行重新赋值，就解决了这个问题。

解决方法二
可以通过windows对象去进行绑定 router对象。
windows.loginPath = this.$router
在这里插入图片描述
如果做混合开发用这个方法去绑定，在手机端运行会失效。其主要原因是因为windows对象是基于浏览器的，推荐用方法一

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^