使用 oninput限制 input输入值 出现空值问题
Posted SuperAnt_me
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用 oninput限制 input输入值 出现空值问题相关的知识，希望对你有一定的参考价值。
例：
<el-input v-model.number="scope.row.count " maxlength="9" oninput="value=value.replace(/[^0-9.]/g,'')"
placeholder="请输入" @change="showInfo(scope.row.count)"></el-input>
</el-form-item>
使用 οninput=“value=value.replace(/[^0-9.]/g,’’)” 后
重新输入后发现不能同步更新
解决方法 可使用 $event.target.value 重新 给 v-model绑定值赋值
<el-input v-model.number="scope.row.count " maxlength="9" @blur="scope.row.count = $event.target.value" oninput="value=value.replace(/[^0-9.]/g,'')"
placeholder="请输入" @change="showInfo(scope.row.count)"></el-input>
</el-form-item>
以上是关于使用 oninput限制 input输入值 出现空值问题的主要内容，如果未能解决你的问题，请参考以下文章
实时监听输入框值变化：oninput & onpropertychange