vuex Action中調用接口修改數據異步問題

例子： 返回promise對象，並將參數返回，在調用actions中的_getList時，可使用 async await 來處理異步

actions: {
    _getList(context, options) {
        return axios.get('/page/list', {params: {
            ...options
        }}).then(res => {
            if (res.code === 'ok') {
                return promise.resolve(res)
            }
        })
    }
}
複製代碼

// 引入vuex
import {mapAction} from 'vuex'
export default {
    data() {
        return {
            list: [] // 頁面展現數據
        }   
    },
    methods: {
    
        // 引入action
        ...mapAction('namespace', ['_getList']),
        
        async test() {  // 使用async 和 await 處理異步問題
            let param = {
                pageNum: 1,
                pageSize: 10
            }
            let data = await this._getList(param);
            this.list = data.list;
        }
    }
}

複製代碼