vue-element-ui下拉多选验证问题

页面多选下拉框显示出验证信息问题

第一种解决办法：

1.在校验规则里加type："array";
2.下拉多选框绑定的变量初始值设置为[].

export default {
  data() {
    return {
        personnelDescription: [],
        rules:{
            personnel: [
                {type:"array",required: true, message: '请选择', trigger: ['blur', 'change']}
            ],
        }
    };
 },
 created() {
    this.ruleFormAdd = {personnelDescription:[]};
 },

第二种解决方案： 将验证规则改为自定义的validator验证，同样需要设置绑定的变量为[]

personnelDescription: [
     { required: true, validator: personnelDescriptionValid }
],

const personnelDescriptionValid = function(rule, value, callback) {
  if (value.length === 0) {
     callback(new Error('不能为空'))
  } else {
     callback()
  }
}
this.ruleFormAdd = {personnelDescription:[]};