el-input输入框限制输入0-100正整数

前端.攻城狮

已于 2023-03-27 22:53:18 修改

阅读量5.8k

点赞数 1

文章标签： javascript elementui

于 2023-03-27 10:25:26 首次发布

本文链接：https://blog.csdn.net/weixin_45304198/article/details/129789996

版权

该代码示例展示了如何使用`el-input`组件结合`v-model.number`在Vue.js中创建一个输入框，该输入框只允许用户输入0到100之间的数字。当输入值超出这个范围或为空时，会自动修正为边界值。`oninput`事件处理函数确保了输入的实时有效性，同时`maxlength`属性限制输入最多三位数。

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

多数用于概率输入，数字大于等于0 小于等于100
在这里插入图片描述

// 代码实现
<el-input
   v-model.number="count"
   oninput="if(value > 100) value = 100; if(value < 0 || value == '' || value == null) value = 0;"
   :maxlength="3"
   :minlength="1"

></el-input>