el-table表单校验问题？

作者站长头像
站长
· 阅读数 10

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

回复
1个回答
avatar
test
2024-07-11
<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配合完成验证.这样可以每一行单独验证.

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容