ant-design-vue仅支持输入0-100之间的整数校验规则

ant-design-vue仅支持输入0-100之间的整数

其实有两种方法,首先是简单的a-input-number:

<a-input-number  :min="0"  v-model="addForm.add_actual_finish" :max="100"  :precision="0"/>

但是我是在a-form-modal中使用,并且有必须显示提示的需求,所以使用了a-form-modal:
页面中代码:

<a-form-model-item label="实际完成度:" prop="add_actual_finish">
   <a-input v-model="addForm.add_actual_finish" placeholder="请输入实际完成度" :disabled="modalDisabled"/>
</a-form-model-item>

data模型数据中规则:

add_actual_finish: [
                    { required: true, message: '实际完成度不能为空', trigger: 'blur' },
                    { type: 'number', message: '仅支持输入0-100之间的整数', trigger: 'blur',transform(value){ 
                        if(value
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值