el-table表单校验问题?

el-table中每一行都有两个表单A和B,其中A填写B就必须填写,反过来B填写A也必须填写,这种使用自定义校验改怎么写呢,谢谢!

阅读 1.6k
2 个回答
<el-form ref="contributionsModelFormRef" label-suffix=":" :model="contributionsModel">
        <div class="chooseModalMainRow">
          <el-row class="row" v-for="( item, index ) in contributionsModel.contributionsArr" :key="item.id">
            <el-col :span="12">
              <el-form-item :label="'员工'" :prop="`contributionsArr[${index}].employeeId`"
                :rules="contributionsModel.rules.employeeId">

主要难点在于每一行的验证数据的绑定上. 参考上面代码里面的:prop写法,搭配单独分配的:rules配合完成验证.这样可以每一行单独验证.

可以动态设置rules

<el-form-item label="字段1" prop="filed1"  :rules="{required:!!ruleForm.filed1||!!ruleForm.filed2,message:'请输入'}">
        <el-input type="text" v-model="ruleForm.filed1" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="字段2" prop="filed2" :rules="{required:!!ruleForm.filed1||!!ruleForm.filed2,message:'请输入'}">
        <el-input type="text" v-model="ruleForm.filed2" autocomplete="off"></el-input>
      </el-form-item>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题