Vue.js Nuxt.js Vuex模块未按预期工作
我在Nuxt的Vuex模块中使用它时遇到问题 事实证明,Vue.js Nuxt.js Vuex模块未按预期工作,vue.js,vuex,nuxt.js,vuex-modules,Vue.js,Vuex,Nuxt.js,Vuex Modules,我在Nuxt的Vuex模块中使用它时遇到问题 事实证明,状态正在声明并出现在Vuex中,操作会被触发,但突变会更改状态实例,但不会提交更改,甚至不会触发事件,因为它不会出现在Vuex devtools控制台的Vuex模块代码下面 注意:在这两种console.log()中,第一种打印状态为声明的空状态,第二种打印状态为已更改的状态,但更改并不真正反映在Vuex中 export const strict=false 导出常量状态=()=>({ 地址:{} }) 导出常量突变={ setShopA
状态
正在声明并出现在Vuex中,操作会被触发,但突变
会更改状态
实例,但不会提交更改,甚至不会触发事件,因为它不会出现在Vuex devtools控制台的Vuex模块代码下面
注意:在这两种console.log()
中,第一种打印状态为声明的空状态,第二种打印状态为已更改的状态,但更改并不真正反映在Vuex中
export const strict=false
导出常量状态=()=>({
地址:{}
})
导出常量突变={
setShopAddress(状态、地址){
console.log(状态)
state.address=地址
console.log(状态)
}
}
导出常量操作={
获取地址({
犯罪
}) {
这是axios
.get(“/general/address”)
。然后((响应)=>{
提交('setShopAddress',response.data)
})
.catch((e)=>控制台错误(e))
},
setAddress(vuexContext,地址){
vuexContext.commit('setShopAddress',address)
}
}
导出常量getter={
getShopAddress(州){
返回状态.地址
}
}
几个小时后,多亏了电报上的一群Nuxt,我才找到了解决方案,我只需要在nuxtServerInit上设置一个异步,并在行动调用上设置一个等待
代码如下:
async numxtserverinit({dispatch}){
等待调度(“模块/动作”)
},
几个小时后,多亏了电报上的一群Nuxt,我才找到了解决方案,我只需要在nuxtServerInit上设置一个异步,并在行动调用上设置一个等待
代码如下:
async numxtserverinit({dispatch}){
等待调度(“模块/动作”)
},