elementui的一个el-form-item里面多个el-select 的校验

 <el-form :model="ruleForm" ref="ruleEditForm" :rules="userRules" label-width="100px" class="demo-ruleForm">

.....省略 ....
 <el-form-item label="住址" prop="address">

          <el-select v-model="ruleForm.province" placeholder="请选择省" @change="changeProvince" style="width:120px">
            <el-option v-for="item in provinceList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>

          <el-select v-model="ruleForm.city" placeholder="请选择市" @change="changeCity" style="width:120px">
            <el-option v-for="item in cityOptions" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>

          <el-select v-model="ruleForm.origin" placeholder="请选择区" @change="changeOrigin" style="width:120px">
            <el-option v-for="item in originOptions" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>

        </el-form-item>

.....省略 ....
 </el-form>

在  data() {}里面 
.....省略 ....
// 省县乡的三级联动的校验
      var checkaddress3 = (rule, value, callback) => {
        if (!(this.ruleForm.province && this.ruleForm.city  && this.ruleForm.origin )) {
          return callback(new Error('请输入完整的省县乡信息'));
        } else {
          callback();
        }
      }
.....省略 ....

      // 新增待面试人员的or 编辑 表单的  校验规则
      userRules: {
.....省略 ....
        // 地址详情：
        addressDetail: [
          { required: true, message: '请输入详细的家庭地址', trigger: 'blur' }
        ],
.....省略 ....
      },