Nuxt 存储突变接收 TypeError

Question

我在 store/index.js 中设置了一个简单的商店，如下所示：

export const state = () => ({
    isDark: false,
});

export const mutations = {
    setIsDark(state, payload) {
        state.isDark = payload;
    },
};

export const getters = {
    getIsDark(state) {
        return state.isDark;
    },
};

我可以在我的组件中获取 isDark，但是当我尝试调用 setIsDark 时出现错误：

TypeError: Cannot read property 'setIsDark' of undefined

我的组件：

computed: {
    isDark() {
        return this.$store.getters.getIsDark;
    },
},

methods: {
    toggleIsDark() {
        this.$store.mutations.setIsDark(!this.isDark);
    },
},

我做错了什么？

Answer 1

调用突变的语法是：

this.$store.commit('setIsDark', !this.isDark);

对于一个动作，它是：

this.$store.dispatch('setIsDark', !this.isDark);