<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”
然后视图和数据就同步更新了

Logo

前往低代码交流专区

更多推荐