input 输入框只能输入数字的处理方式

 1. 针对普通的 el-input

<el-form-item prop="sortNo">
    <el-input v-model="form.sortNo"  @input="val => (form.sortNo = handlerInput(val))"> 
    </el-input>
</el-form-item>
handlerInput(val) {
    if (val) {
        if (/^0*$/.test(val)) {
            return "";
        }
        val = val.replace(/^0+/, "").replace(/[^\d]/g, "");
    }
    if (val > 10000) {
        val = "10000";
    }
    return val;
},

2. 针对 el-input-number

它有自带的属性:percision(精度)

<el-input-number
    v-model.trim="form.imageCount"
    placeholder="请输入"
    controls-position="right"
    :min="1"
    :max="10"
    :precision="0"
/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_hl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值