在使用 el-select 多选下拉菜单配置表单校验时, 如果form表单绑定的form对象对应属性值为空字符串或者null(其他未尝试),表单中的多选下拉框会立刻执行校验并弹出校验信息,代码如下:
级别(支持多选)
v-for="item in levelOptions" :key="item.id" :label="item.level_name" :value="item.id" /> 信息(支持多选) v-for="item in infoOptions" :key="item.id" :label="item.infor_name" :value="item.id" /> data() { return { form: { level: '', info: null }, rules: { level: [{ required: true, message: '请选择级别', trigger: 'change' }], info: [{ required: true, message: '请选择信息', trigger: 'change' }], } } } 正确方式如下: 将多选下拉框对应的属性值默认值设置未空数组即可 data() { return { form: { level: [], info: [] }, ... } } 参考阅读
发表评论