在vue项目中,输入框只允许输入数字,现将自己使用的一种方法记录,以供参考!

 1、行内插入  οninput="value=value.replace(/[^0-9.]/g,'')"

<el-input v-model.number="ruleForm.sort" placeholder="请输入数字(限数字)" oninput="value=value.replace(/[^0-9.]/g,'')" />

2、使用 element-ui 的 InputNumber 计数器

<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>

如果不需要控制按钮,设置controls为false即可

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐