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

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


 
   
     级别(支持多选)
   
   
     
   
 
 
   
     信息(支持多选)
   
   
     
   
 

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

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

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

你可能感兴趣的:(vue.js,javascript)