el-input-number数字输入框的使用

最新推荐文章于 2025-09-24 12:42:38 发布

原创最新推荐文章于 2025-09-24 12:42:38 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

本文介绍了如何在Vue应用中使用`el-input-number`组件实现一个可限制范围的提现金额输入框，当输入为空或为0时，settleAmount字段清空，同时提及了相关事件绑定和验证机制。

<el-input-number 
    :min="1" 
    :max="99999" 
    @change="((val: any) => {
        if (val == '' || val == 0) ruleForm.settleAmount = '';
    })" 
    :controls="false" 
    :precision="0" 
    v-model="ruleForm.settleAmount" 
    clearable
    placeholder="请输入提现金额" 
    style="width: 203px;"
/>