关于promise的问题

Question

a () {
    return new Promise((res, rej) => {
        //用接口获取数据 ，写法如下比如：
        getData().then(res => {
            this.data = res.data.reslut
            console.log(this.data)
        })
    });
}

在vue中这样定义了a方法， 并且在一个按钮的点击事件中调用a方法，想要的效果就是希望执行完a方法后，再执行alert，如下：

click () {
    this.a().then(()=> {
        alert(11)
    })
}

这样调用中a方法是生效了，但是 后面的alert(11)并未触发， 是哪里错了吗？ 还是写的根本就是错的，请大神指点指点。

Answer 1

a () {
    return new Promise((resolve,reject) => {
        getData().then(res => {
            this.data = res.data.reslut
            console.log(this.data)
            resolve(this.data);
        })
    });
}

Answer 2

你没有用 resolve 改变promise状态，所以没有到 then 回调中去。代码楼上已经给出了，就不再赘述了

Answer 3

resolve将promise对象当前的状态变为成功,reject将promise对象当前的状态变为失败，状态改变后才会继续执行then