Vue: 回调函数内使用this无效

例如如下代码（部分），利用回调函数实现登录成功后隐藏会话。

then(function (resp) {
  console.log(resp);
  alert("登录成功");
  that.dialogFormVisible = false;
}).catch(function (error) {
})

其中：dialogFormVisible是data中定义的数据

一般来说可以直接通过this.调用dialogFormVisible。

但是回调函数中无法识别this。导致 that.dialogFormVisible = false 该语句失效

解决方法一

在方法中定义变量储存this，例如var that = this; 然后再回调函数中使用that调用

解决方法二：

使用ES6语句

本例中更改代码为：

then((resp) => {
  console.log(resp);
  alert("登录成功");
  that.dialogFormVisible = false;
}).catch(function (error) {
})