iView Select 校验报错
type默认String 改为Number
companyId: [
{ required: true, message: '单位不能为空', trigger: 'change',type: 'number' }
],
<template>
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
<FormItem label="单位名称" prop="company">
<Select v-model="formValidate.company" placeholder="请选择单位名称">
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{item.companyName}}</Option>
</Select>
</FormItem>
<FormItem label="City" prop="city">
<Select v-model="formValidate.city" placeholder="Select your city">
<Option value="beijing">New York</Option>
<Option value="shanghai">London</Option>
<Option value="shenzhen">Sydney</Option>
</Select>
</FormItem>
<FormItem>
<Button type="primary" @click="handleSubmit('formValidate')">Submit</Button>
<Button @click="handleReset('formValidate')" style="margin-left: 8px">Reset</Button>
</FormItem>
</Form>
</template>
<script>
export default {
data () {
return {
companyList:[
{id:7,companyName:"指挥部"},
{id:10,companyName:"管理中心"},
{id:11,companyName:"动力能源"},
{id:12,companyName:"维博公司"},
{id:13,companyName:"贵宾公司"},
{id:14,companyName:"商贸公司"},
{id:16,companyName:"兴航空港"},
{id:17,companyName:"餐饮公司"},
{id:18,companyName:"测试部下属公司"}
],
formValidate: {
company:'',
name: '',
mail: '',
city: '',
gender: '',
interest: [],
date: '',
time: '',
desc: ''
},
ruleValidate: {
city: [
{ required: true, message: 'Please select the city', trigger: 'change' }
],
company: [
{ required: true, message: 'Please select the city', trigger: 'change' }
}
}
},
methods: {
handleSubmit (name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success('Success!');
} else {
this.$Message.error('Fail!');
}
})
},
handleReset (name) {
this.$refs[name].resetFields();
}
}
}
</script>