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' }
        ], 
        }
    }
}

猜你喜欢

转载自blog.csdn.net/zzzz121380/article/details/125889614