ecmascript-6 - 如何从Vuex/Vues中的 Action 中调用另一个 Action ？

我尝试通过调用getSites()方法(如下所示)删除其中一个网站后，尝试更新网站列表

码

import http from 'services/http.service';
import logging from 'services/logging.service';

const sites = http('sites', localStorage);

export default {
    getSites({dispatch}) {
        console.log('getSites')
        sites.all().then((response) => {
            dispatch('setSites', response.data.results);
        });
    },
    deleteSite({dispatch}, site) {
        return sites.delete(site).then(() => {
            this.getSites()  // <-------- doesn't works
        });
    },
};

我收到以下错误



题

我应该如何调用获取我的新物品 list ？还是应该在组件then()中执行此操作？

最佳答案

我从actions.js中删除了该调用，并从我的组件方法内部完成了该调用:

import actions from 'vuex/actions';

export default{
    // …
    methods: {
        // …
        delete_site(site){
            return this.deleteSite(site).then(response => {
                this.getSites();  // <----------- call from here
            });
        },
    vuex: {
        actions: {
            getSites: actions.getSites,
            deleteSite: actions.deleteSite,
        }
    }
}

关于ecmascript-6 - 如何从Vuex/Vues中的 Action 中调用另一个 Action ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38980267/