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){})