zoukankan      html  css  js  c++  java
  • 在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中的值。

    =_=!!汗

  • 相关阅读:
    人物-IT-张志东:张志东
    人物-IT-任正非:任正非
    人物-IT-张朝阳:张朝阳
    院校-清华大学:清华大学
    人物-丁磊:丁磊
    人物-李彦宏:李彦宏
    人物-IT-马云:马云
    inittab
    initlocation
    initdb
  • 原文地址:https://www.cnblogs.com/longsiyuan/p/6252048.html
Copyright © 2011-2022 走看看