关于Element-UI el-select多选表单校验问题

关于 Element-UI el-select 多选下拉菜单表单校验问题

在使用 el-select 多选下拉菜单配置表单校验时， 如果form表单绑定的form对象对应属性值为空字符串或者null（其他未尝试），表单中的多选下拉框会立刻执行校验并弹出校验信息，代码如下：

<el-form:model="form":rules="settingFormRules"><el-form-itemprop="level"><spanslot="label">
     级别<spanstyle="color: #B9BBC4">（支持多选）</span></span><el-selectv-model="form.level"multipleplaceholder="请选择"style="width:100%"><el-optionv-for="item in levelOptions":key="item.id":label="item.level_name":value="item.id"/></el-select></el-form-item><el-form-itemprop="info"><spanslot="label">
     信息<spanstyle="color: #B9BBC4">（支持多选）</span></span><el-selectv-model="form.info"multipleplaceholder="请选择"style="width:100%"><el-optionv-for="item in infoOptions":key="item.id":label="item.infor_name":value="item.id"/></el-select></el-form-item></el-form>

data(){return{form:{level:'',info:null},rules:{level:[{required:true,message:'请选择级别',trigger:'change'}],info:[{required:true,message:'请选择信息',trigger:'change'}],}}}

正确方式如下： 将多选下拉框对应的属性值默认值设置未空数组即可

data(){return{form:{level:[],info:[]},...}}