一开始我写的LoginVisible:this.$store.state.LoginVisible,可是在控制台可以发现vuex中的LoginVisible发生了改变,但是组件中的属性值并未发生变化。
解决方法:
官方文档有这样一句话:由于 Vuex 的状态存储是响应式的,从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态。
修改代码为:
computed:{
LoginVisible(){
return this.$store.state.LoginVisible
}
}
之后就可以发现随着store中的状态发生改变,组件中的数据也随之改变。
本文探讨了在Vue项目中使用Vuex时遇到的问题:即使Vuex中的状态已更改,但组件中的属性值未同步更新。通过计算属性绑定Vuex状态,确保组件实时响应状态变化。
411

被折叠的 条评论
为什么被折叠?



