vue-element-ui下拉多选验证问题
页面多选下拉框显示出验证信息问题第一种解决办法:1.在校验规则里加type:"array";2.下拉多选框绑定的变量初始值设置为[].personnelDescription: [{type:"array",required: true, message: '请输入', trigger: ['blur', 'change']}],this.ruleFormAdd = {personnelDescr
·
页面多选下拉框显示出验证信息问题
第一种解决办法:
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:[]};
更多推荐
已为社区贡献20条内容
所有评论(0)