el-input中oninput使用,导致数据没有及时更新问题
vue + element
·
<el-input
v-model="form.Id"
oninput="value=value.replace(/[^\d]/g,'')"
placeholder="请输入"
@change="changeId"
/>
初次可以正常输入数字类型的值,但是当输入其他类型如(字母、拼音,特殊字符),确实是控制了未成功输入,但是当再次输入正确的数值型值时,数据没有实时更新,也就是视图更新了,但是数据未更新
开始我想断点进去看一下,
将οninput=“value=value.replace(/[^\d]/g,‘’)” 改成了 οninput=“handleOninput”
handleOninput(value) {
value=value.replace(/[^\d]/g,‘’)
}
但是控制台老是报错,这样写,不成
后面改成了下面这种:
v-on:input=“handleOninput”
@blur=“form.Id=$event.target.value”
然后视图和数据就同步更新了
更多推荐
已为社区贡献3条内容
所有评论(0)