账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue改变计算属性视图不更新问题
    28
    0

    有如下代码,循环keywordList:

    <div class="form-item" :key="index" v-for="(keyword, index) in keywordList">
        <input type="text"
               name="keywords"
               class="input-middle"
               placeholder="Key word"
               v-model="keywordList[index]"
               v-validate="'required'"/>
    </div>
    
    而keywordList是从vuex中获取得到的,并经过了处理:
          
        keywordList() {
            console.log(this.basicInfoVO.keywords.split(","))
            if (this.basicInfoVO && this.basicInfoVO.keywords) {
                return this.basicInfoVO.keywords.split(",")
            }  else {
                return []
            }
        },
        ...mapGetters([
            'warePublishData',
            'basicInfoVO',
            'isValidate'
        ])
    }
    

    同时页面中有一个按钮,点击的时候,我会向keywordList中添加数据,用于增加input框:

     // 新增keyword
    addKeyWord() {    
        if (this.keywordList.length <= 2) {
            Vue.set(this.keywordList, this.keywordList.length, '')
        }
     }
     
     
    
    但是我改变了keywordList,页面上并没有新增input框!怎么解决这个问题?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部