1 重置的时候上传图片未清空
<Upload ref="upload" action="http://10.0.0.4:8004/uploadPic">
<Button type="ghost" icon="ios-cloud-upload-outline">上传 </Button>
</Upload>
this.$refs[name].resetFields();
2 表单验证
给 Form 设置属性 :rules=”ruleValidate” :model=”formValidate” ref=”formValidate”
FormItem的prop指向v-model,
<FormItem label="公司:" prop="name">
<Input v-model="formValidate.name" placeholder="请输入"> </Input>
</FormItem>
3.iview进行表单验证select时候验证失败的问题
由于没有写type属性
messageFrequency: [{
required: true,
message: '不能为空',
trigger: 'blur',
type: 'number', //不生效的原因是没有写这行
}],
adEnd: [{
required: true,
message: '不能为空',
trigger: 'blur',
type: 'date',
}],
email: [{
required: true,
message: '不能为空',
trigger: 'blur',
}, {
type: 'string',
pattern: /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/,
message: '请输入正确的邮箱地址',
trigger: 'blur',
}],
5 iview验证电话号码
phone: [{
required: true,
message: '不能为空',
trigger: 'blur',
}, {
type: 'string',
pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
message: '请输入正确的电话',
trigger: 'blur',
}],