监听input输入框校验
再次记录下,这里没封装,仅演示~
保留2位小数
- 只能输入数字和两位小数
<el-input
v-model="form.amount"
oninput="value=value.replace(/[^0-9.]/g,'').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
placeholder="请输入金额"
maxlength="8"
/>
只能输入数字
<el-input
v-model.number="form.num"
oninput="value=value.replace(/[^0-9]/g,'')" placeholder="请输入序号"
maxlength="8"
/>
数字类型校验
<el-input
v-model.number="form.num"
placeholder="请输入"
maxlength="8"
/>
本文介绍了如何在Vue.js中使用ElementUI的el-input组件进行输入校验,包括保留两位小数、只允许输入数字和限制最大长度。展示了如何使用`v-model`结合正则表达式实现这些功能。
480

被折叠的 条评论
为什么被折叠?



