iview的select表单验证必填不通过

一、问题描述

iview在表单内使用select下拉框的时候，select验证为必填，我选择了数据，却一直提示验证不通过。

二、问题代码

• 接口获取的数据格式

groupData: [
    {
	    id: 1,//Number类型--此处举例
	    group_name: '分组001'
    },
    {
	    id: 2,//Number类型--此处举例
	    group_name: '分组002'
    }
]

• html

<Form ref="formData" :model="formData" :rules="ruleValidate" :label-width="100">
    <FormItem label="分组：" prop="groupId">
        <Select v-model="formData.group_id" placeholder="请选择">
            <Option v-for="(item, index) in groupData" :key="index" :label="item.group_name" :value="item.id"></Option>
        </Select>
    </FormItem>
</Form>

• 表单验证规则

ruleValidate: {
	groupId: [
		{ required: true, message: '请选择分组', trigger: 'change' }
	]
}

三、问题原因

iview默认校验数据类型为String，而我的select用的id是number类型的，因为type校验类型不一致，所以导致一直验证不通过。

四、解决问题

• 添加type类型

ruleValidate: {
	groupId: [
		{ required: true, type: 'number', message: '请选择分组', trigger: 'change' }
	]
}