方法一:
場景: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() } },