element-ui使用笔记

1、当我修改A处内容时，需要对B处内容进行表单校验

示例：

     这里的用户名和后面的选择只能有一个存在。二选一的情况。用户名是手机号码。（当我在输入错误的用户名后，失焦会有错误提示，然后我再取选择会员组，此时我会清楚用户名内的内容。此时还留下一个用户名错误格式的提示。要去掉错误提示需要重新对用户名那重新校验。怎么解决这种方案呢，就是使用下面的代码）

html

　　　　　<el-form-item prop="username" class="fl">
          <el-input class="cms-width userinput" :disabled="isGroup === 1" v-model="dataInfo.username"></el-input>
        </el-form-item>


        <el-select v-model="isGroup" clearable placeholder="会员组选择" class="fl" @change="changetype" >
          <el-option
            v-for="item in orderStatusList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>

js：

data() {
    let mobile=va.mobile();
    return {
      dataInfo:{
        username:''
      },
      rules:{
        username:[mobile]
      }
    }
},
methods: {
    changetype(val){
      if(val===1){
        this.dataInfo.username=''
        this.$refs.form.validateField('username');
      }
    }
｝

示例只有部分代码

输入路径时要校验是否是唯一的，在失去焦点时要调用接口判断。怎样做校验呢

path:[required,
            {
              validator: (rule, value, callback) => {
                axios.post('/api/admin/tag/check_path', { path: this.dataInfo.path }).then(res=>{
                if (res.code == "200") {
                      if (res.body.result ) {
                        callback();
                      } else {
                        callback(new Error("栏目路径已存在"));
                      }
                    } else {
                      callback(new Error("服务器响应异常"));
                    }
              })
            },
            trigger: "blur"
          }]