vue 強制更新局部dom


方法一:

場景:iview的輸入框組件限制輸入內容

遇到問題:直接修改edit.jobnumber的值時輸入框內容未發生變化

分析:dom未刷新

方法:為組件添加key,當key變化時dom會被刷新,問題也就解決了

           <Input
              type="text"
              v-model="edit.jobnumber"
              @input="handleInput"
              :key="jobnumberKey"
              :maxlength="20"
            />        
handleInput(value){
        let reg = /[^0-9a-zA-Z]/;
        if(value && reg.test(value)){
            this.$set(this.edit, 'jobnumber', value.replace(reg, ''));
            // 強制更新dom
            this.jobnumberKey = +new Date()
        }
    },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM