遇到了vue+elementui 表单中有个按照条件隐藏的下拉框,隐藏的时候 不需要校验,显示的时候需要校验,下面代码将purchaseType隐藏显示操作,自定义验证方法validatePurchaseType 这里
!this.showRentPrise作为条件然后在判断传进来的值进行校验即可
data() {
const validatePurchaseType = (rule, value, callback) => {
debugger
if (this.showRentPrise==true) {
if(value!=undefined && value!=null){
callback()
}else{
callback(new Error('请选择采购类型'))
}
} else {
callback()
}
}
return {
showGroupLeader:false,
//初始添加数据输入框显示隐藏
//需求论证、履约、方案
showPrise: false,
//政采、非政采
showRentPrise: false,
。。。。。。。
addFormRules: {
projectNum