el-input限制只能输入1-100正整数,也不能输入小数点

发布于 2022-09-30 23:07:36 字数 227 浏览 27 评论 0

<el-input v-model="mynum" size="mini" type="number" :min="0" :max="100" @input="mynum=mynum.replace(/[^\d]/g,'')">
</el-input>

这样写的话,输入“22.2”会自动变成“222”,但还是可以输入“22.”这种形式
怎么设置不能输入小数点呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

疯狂的代价 2022-10-07 23:07:37

type="number"去掉就行了

空名 2022-10-07 23:07:37

改成 text

<input type="text"oninput="this.value=parseInt(this.value);this.value < 0 || this.value>100 && (this.value = 0)">

element ui 也有 下面这个。

¶InputNumber 计数器
仅允许输入标准的数字值,可定义范围
https://element.eleme.cn/#/zh...

醉生梦死 2022-10-07 23:07:37
@input="mynum=parseInt(mynum)"
@input="mynum=Math.floor(mynum)"
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文