在vue1.0遇到vuex和v-model的坑

时间:2023-03-10 00:08:01
在vue1.0遇到vuex和v-model的坑

事情是这样的,在开发项目的过程中我使用了vuex并且在store中定义了一个保存用户信息的对象

        userInfo : {
'nickName' : '', // 昵称
'password' :'', // 是否有密码
'gender' : '', // 性别
'avatar' : '', // 头像
'userAccount' : '', // 账号
'birthday' : '', // 出生日期
'cityName' : '', // 城市
'email' : '', // 邮箱
'mobile' : '', // 手机号
'userId' : '' // 用户id
}

然后在组件中也定义了一个一毛一样的对象完全一样,这样做是为了方便去store中用getter取值

this.userInfo = this.ache_getUserInfo;

现在我在这个组件中使用v-model绑定了 userInfo.nickName这个值,神奇的事情发生了,我input框输入值的时候,store里面的值也会随改变!

但是如果我的这个组件中的参数名和store中的不一样,就不会发生这种情况,比如我把nickName改为comNickName,然后在组件中绑定userInfo.comNickName就不会,也就是说组件中v-model绑定的值和vuex的store中的名字一样,那么他会影响store中的值。

=_=!!汗