Vue中this的指向问题

在Vue中通常会用this去调用在Vue原型上的方法。

handleSubmit2(ev) {
        var _this = this;
        this.$refs.ruleForm2.validate((valid) => {
          if (valid) {
            //_this.$router.replace('/table');
            this.logining = true;
            //NProgress.start();
            var loginParams = { username: this.ruleForm2.account, password: this.ruleForm2.checkPass };
            requestLogin(loginParams).then(data => {
              this.logining = false;
              //NProgress.done();
              let { msg, code, user } = data;
              if (code !== 200) {
                this.$message({
                  message: msg,
                  type: 'error'
                });
              } else {
                sessionStorage.setItem('user', JSON.stringify(user));
                this.$router.push({ path: '/table' });
              }
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }

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