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))

 

Logo

前往低代码交流专区

更多推荐