项目场景:

vuex的模块化+namespaced: true,

问题描述:

出现namespace按理说是命名空间没有改成true
在这里插入图片描述

const countOptation = {
        // 命名空间namespaced: true
        namespaced: true,
        // 准备actions对象
        actions: {
            jiaOdd(context, val) {
                if (context.state.num % 2) {
                    context.commit('JIA', val)
                }
            },
            jiaWite(context, val) {
                setTimeout(() => {
                    context.commit('JIA', val)
                }, 500)
            }
        },
        mutations: {
            JIA(state, val) {
                console.log('mutations被调用了', state, val);
                state.num += val
            },
            JIAN(state, val) {
                state.num -= val
            },
        },
        state: {
            num: 0,
            school: 'xxxx',
            xueke: 'xxxx',
        },
        getters: {
            bigSum(state) {
                return state.num * 10
            }
        }
    }

可是我加上之后还是没有解决,后来才发现是因为导出的时候没有加上模块化

export default new Vuex.Store({
  modules: {
    countOptation
     }
})

后来加上modoles:{} 问题解决

Logo

前往低代码交流专区

更多推荐