把请求接口写到vuex的actions里，如何做其他操作？

Question

举个例子：用elementUI的消息组件弹出消息，请求接口的方法在actions里，我需要在请求接口完成之后show一个message,可是在actions里调用不了对应的this.$message()，如何解决的？

Answer 1

使用的是vuex的actions吗，通过mutations修改state就可以了。

actions:{
    getMessage({commit}){
        var msg = getMsg();
        commit('updateMsg',msg);
    }
},

mutations:{
    updateMsg({state},msg){    
        state.message = msg;
    }
}

Answer 2

可以在 store 中引入 element ui 的 Message, 然后直接调用 Message 的方法就可以了

import { Message } from 'element-ui';
...

Message('hello');