el-form表单项如何二选一必填？

	
  	
    	
    
    
    	
    
    
    
    	提交
    
  



	ex服务器托管网port default {
  	data(){
    	return {
      	form: {},
        rules:{
        	name: [{validator: this.validateName,trigger: 'blur'}],
          nickname: [{validator: this.validateName,trigger: 'blur'}],
        },
      }
    },
    methods: {
    	validateName(rule,value,callback) {
      	if(!this.form.name && !this.form.nickname) {
        	callback(new Error("名称和昵称至少填写一项"))
        } else if (this.form.name&&!/^([u4e00-u9fa5]{1,20}|[a-zA-Z.s]{1,20})$/.test(this.name)) {
        		callback(new Error("名称格式不对，支持中文或者英文(20位字符内)"));
        } else {
        	//如果一项已填取消另外一项的必填校验提示
        	if(this.name){//name已填取消nickname校验
          	this.$refs["form"].clearValidate('nickname');
          } else {//nickname已填取消name校验
          	this.$refs["form"].clearValidate('name');
          }
        }
        callback();//调用callback通过校验
      },
      sub() {
      	this.$refs["form"].validate((valid) => {
        	if(valid) {//校验通过
          	//接口请求等操作
          } else {
          	//校验未通过
             this.$message.error("请完善必填信息");
      服务器托管网      return false;
          }
        })
      }
    },
  }