关于vuex数据更新 页面没有跟着刷新的问题

发布于 2020-03-11  913 次阅读


页面没有刷新应该是往state的数据中传入了引用类型值的值

在vuex中数据发生改变时要用到

this.$store.commit()

来调用vuex中的mutations里的方法
在mutation中你添加的方法里面,在改变state数据之前加上

let data = JSON.parse(JSON.stringify('传过来的数据'));

然后在吧保存数据的变量放入你要改的state属性中
这样就可以在你之后改变数据的时候实时更新了
而不会发生只有vuex中的数据更新了, 而页面没有改变的情况

个人理解:
可能是因为之前的数据传值可能只是传的一个地址( 引用类型 )
而在vuex中可能并不能很好的去处理
所以在传递引用类型之前要进行一次深拷贝以解决这一问题


I struggle for what I love, so I can be happy here.