关于vuex中赋值直接会修改store值得解决办法
lz写vue项目得时候,将用户得个人信息存入了store中,在个人中心页面直接获取store值赋值给个人中心中得表单,如下const userInfo = this.$store.getters.getUserInfo || {};this.FormData = userInfo这样存在得问题是比如修改了电话号码,但是电话号码不符合规则并未修改成功,此时放弃修改去其他页面,再次回到个人中心时,联系
·
lz写vue项目得时候,将用户得个人信息存入了store中,在个人中心页面直接获取store值赋值给个人中心中得表单,如下
const userInfo = this.$store.getters.getUserInfo || {};
this.FormData = userInfo
这样存在得问题是比如修改了电话号码,但是电话号码不符合规则并未修改成功,此时放弃修改去其他页面,再次回到个人中心时,联系方式显示得是那个不符合规则的值,此时打印也会发现,store中的值也修改了,是不符合规则的值,虽然重新登录后仍然会是原来的电话号码,但是是个bug。虽然vuex中说了只有通过mutation才能改变store中的值,但是这种属于对象赋值,一个对象值改变,赋值的对象也会改变的。
修改后
const userInfo = this.$store.getters.getUserInfo|| {};
this.FormData = JSON.parse(JSON.stringify(userInfo))
更多推荐
已为社区贡献1条内容
所有评论(0)