表单输入框只能输入正整数

hicfly

已于 2022-06-01 09:07:17 修改

阅读量861

点赞数 1

文章标签： vue.js javascript 前端

于 2022-05-26 13:06:07 首次发布

本文链接：https://blog.csdn.net/cflydk/article/details/124982711

版权

针对表单输入框只允许输入正整数，看到网上有很多复杂的写法，这里只需在el-input标签里加上οninput=“value=value.replace(/[^\d]/g,‘’)” 即可

<el-form-item label="数量" prop="count">
     <span v-if="type==='view'">{{ form.count }}</span>
     <el-input v-else v-model="form.count" type="number" oninput="value=value.replace(/[^\d]/g,'')" style="width:250px" placeholder="请输入数量" :min="1" @change="handleChange" />
</el-form-item>