el-input 输入限制 1-100 的正整数

最新推荐文章于 2024-02-25 15:35:53 发布

Cristine_LZ

最新推荐文章于 2024-02-25 15:35:53 发布

阅读量2.4k

点赞数 3

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_42337982/article/details/129836010

版权

业务表单中有一个满意度输入框，要求输入百分比数字，为0-100的正整数。

<el-input
   v-model="form.satisfyNum"
   placeholder="请输入数字"
   type="text"
   oninput="this.value = this.value && parseInt(this.value);this.value < 0 || this.value>100 && (this.value = 100)"
>
   <span slot="suffix">%</span>
</el-input>

还有一个：输入框数字长度限制（否则传到后端会报long错），就限制10位以下数字。

<el-input
    v-model="form.salesNum"
    :readonly="readOnly"
    placeholder="请输入数字"
    type="number"
    oninput="if(value.length > 10) value=value.slice(0, 10)"
/>

记录一下！