Vue2 要点记录

Vue 函数调用 this 问题

在函数内调用全局 this 的方法时,this 的指向已经发生了变化,此时只需将函数改为箭头函数即可。

1
2
3
4
5
6
7
//报错
disabledDate(time) {
this.$message({
message: '请选择今天之前的日期!',
type: 'warning'
});
}
1
2
3
4
5
6
7
//正解
disabledDate: (time) => {
this.$message({
message: '请选择今天之前的日期!',
type: 'warning'
});
}

这是由于箭头函数内部的 this 是词法作用域,由上下文确定。

更新中。。。