人力资源表手机号与微信号只有一个必填

src/views/HumanResources/form.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="form">
     <div class="description-title">
       <span>基本信息</span>
     </div>
@@ -16,14 +16,37 @@
               </td>
               <th class="description-label">手机号</th>
               <td class="description-content">
-                <el-form-item prop="mobileNo">
-                  <el-input size="mini" minlength="11" maxlength="11" v-model="form.mobileNo" placeholder="请输入手机号"/>
+                <el-form-item
+                  prop="mobileNo"
+                  :rules="[
+                    { required: !(form.wechatNo), message: '请输入手机号', trigger: 'blur' },
+                    { min: 11, max: 11, message: '请输入正确的手机号码', trigger: 'blur' }
+                  ]"
+                >
+                  <el-input
+                    size="mini"
+                    minlength="11"
+                    maxlength="11"
+                    v-model="form.mobileNo"
+                    @blur="mobileOrWechatValidate"
+                    placeholder="请输入手机号"
+                  />
                 </el-form-item>
               </td>
               <th class="description-label">微信号</th>
               <td class="description-content">
-                <el-form-item prop="wechatNo">
-                  <el-input size="mini" v-model="form.wechatNo" placeholder="请输入微信号"/>
+                <el-form-item
+                  prop="wechatNo"
+                  :rules="[
+                    { required: !(form.mobileNo), message: '请输入微信号', trigger: 'blur' },
+                  ]"
+                >
+                  <el-input
+                    size="mini"
+                    v-model="form.wechatNo"
+                    @blur="mobileOrWechatValidate"
+                    placeholder="请输入微信号"
+                  />
                 </el-form-item>
               </td>
             </tr>
@@ -413,10 +436,6 @@ export default {
         liveCity: [
           { required: true, message: '请输入所在城市', trigger: 'blur' },
         ],
-        mobileNo: [
-          { required: true, message: '请输入手机号', trigger: 'blur' },
-          { min: 11, max: 11, message: '请输入正确的手机号码', trigger: 'blur' }
-        ],
         otherComment: [
           { required: true, message: '请输入其他综合情况', trigger: 'blur' },
         ],
@@ -509,6 +528,10 @@ export default {
           }
         }
       })
+    },
+    mobileOrWechatValidate() {
+      this.$refs['ruleForm'].validateField('wechatNo')
+      this.$refs['ruleForm'].validateField('mobileNo')
     }
   }
 }
@@ -588,4 +611,12 @@ export default {
   .description-tr .description-content:last-child {
     border-right: none;
   }
+  .form{
+    /deep/ .el-form-item{
+      margin-bottom: 12px;
+    }
+    /deep/ .el-form-item__error{
+      display: none;
+    }
+  }
 </style>