iview 表单验证问题 Select 已经选择 还是弹验证提示

iview 表单验证问题 Select 已经选择 还是弹验证提示

问题:iview 的 Select 下拉框的时候,数据验证必填,明明选择了数据,却一直提示验证不能通过

<Form ref="ruleForm" :model="ruleForm" :rules="rules"  :label-width="120">
 	<Row :gutter="16">
          <Col span="12">
            <FormItem label="类型" prop="aType">
              <Select
                v-model="ruleForm['aType']"
                clearable
                placeholder="请选择类型">
                <Option
                  v-for="(item) in selectInfo['TypeSelect']"
                  :label="item.dicDisplay"
                  :value="item.dicValue"/>
              </Select>
            </FormItem>
          </Col>
      </Row>
</Form>

查看 iview 的文档规,发现 iview 默认校验数据类型为 String,而我的 item.dicValue用的 value 是 number 类型的,所以校验添加 type 类型,最后验证代码写成下面这种即可正常验证:

data(){
    return{
        rules:{
           aType: [
          { required: true, message: '输入不能为空', trigger: 'change',type:'number' }
        ], 
        }
    }
}
  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值