vue element-ui input只能输入正整数（不带小数点）

简单的小伙子

于 2022-01-03 10:27:22 发布

阅读量9.2k

点赞数 3

文章标签： vue.js ui 前端

原文链接：https://juejin.cn/post/6896461922301509639

版权

本文介绍了如何在 Vue 框架中使用 v-model.number 和 oninput 事件处理函数来确保用户输入的值始终为正整数，不包含小数点。通过 v-model.number 自动转换输入值为数字类型，并利用正则表达式 value=value.replace(/[^0-9]/g,'') 过滤掉非数字字符，从而实现输入验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <el-input v-model.number="input" class="input-view" placeholder="请输入内容" οninput="value=value.replace(/[^0-9]/g,'')" />

1、v-model.number 自动转为数字类型
2、οninput=“value=value.replace(/[^0-9]/g,’’)” 通过正则表达式，限制只能为正数，切不能带小数点