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