在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进行重新赋值,就可以解决这个问题。