vue+elementUI 进行表格行内新增及校验,同行其他输入框数据影响当前输入框校验结果

现有需求如下:

当表格同一行内本次核验数不为0时,所属仓库必填。

那么问题的就转换为,在所属仓库做校验时,必须拿到同行的数据.解决代码如下:

javascript 复制代码
<!--其他部分都正常写,此处重点展示所属仓库这一栏的写法-->
<el-table-column
  label="所属仓库"
  align="center"
  prop="storeId"
>
  <template slot-scope="scope">
    <el-form-item
      label=""
      :prop="'dataList.' + scope.$index + '.storeId'"
      :rules="[
        {
          validator: (rule, value, callback) => {
            return isStoreIdRequired(rule, value, callback, scope.row);
          },
          trigger: 'blur',
        },
      ]"
    >
      <el-select
        v-model="scope.row.storeId"
        filterable
        placeholder="请选择所属仓库"
      >
        <el-option
          v-for="dict in storeList"
          :key="dict.storeId + ''"
          :label="dict.storeName"
          :value="dict.storeId + ''"
        >
          <span style="float: left">{{ dict.storeCode }}</span>
          <span style="float: right; color: #8492a6; font-size: 13px">{{
            dict.storeName
          }}</span>
        </el-option>
      </el-select>
    </el-form-item>
  </template>
</el-table-column>
------校验方法↓----
isStoreIdRequired(rule, value, callback, row, index) {
//thisNum 为本次核验数
  if (row.thisNum == 0) {
    callback();
  } else if (row.thisNum != 0 && value) {
    callback();
  } else {
    callback(new Error("本次核验数不为0时,所属仓库必填"));
  }
},
相关推荐
腻害兔2 小时前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 商城模块:从商品管理到交易引擎,50 张表撑起一整套电商系统
java·大数据·vue.js·产品经理·ai编程
不好听6132 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus2 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子3 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech3 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn4 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧5 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
qetfw7 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯7 小时前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能