<el-form ref="form" :model="form" :inline="true" :rules="rules">
<el-form-item label="供应商:" :required="true" prop="value">
<el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px">
<el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-form>
form:{
options: [
{
value: '1',
label: 'meat'
},
{
value: '2',
label: 'drink'
},
],
},
rules:{
value:[
{ required: true, message: '请选择', trigger: ['blur','change'] },
]
}
请选择 红字提示没出来 prop rules v-model 都对应这呢 求助。。
###之前碰到过这个问题,后来解决办法是自己添加事件
<el-form ref="form" :model="form" :inline="true" :rules="rules">
<el-form-item label="供应商:" :required="true" prop="value">
<el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px" @blur="validate">
<el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-form>
methods: {
validate(){
this.$refs.form.validateField("value",(err)=>{
console.log(err)
})
}
},
看了源码似乎校验规则时只有el-input会触发blur,不知道是否有遗漏,欢迎大佬指正
###form.value //看看这个值是否为空
###你form
中都没有value
这个属性