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时,所属仓库必填"));
  }
},
相关推荐
Zuckjet_28 分钟前
开启 3D 之旅 - 你的第一个 WebGL 三角形
前端·javascript·3d·webgl
2401_8638014634 分钟前
探索 12 种 3D 文件格式:综合指南
前端·3d
珍宝商店2 小时前
前端老旧项目全面性能优化指南与面试攻略
前端·面试·性能优化
bitbitDown2 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
gnip3 小时前
实现AI对话光标跟随效果
前端·javascript
脑花儿4 小时前
ABAP SMW0下载Excel模板并填充&&剪切板方式粘贴
java·前端·数据库
lumi.5 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js
二十雨辰5 小时前
vue核心原理实现
前端·javascript·vue.js
影子信息5 小时前
[Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“
前端·javascript·vue.js
BTU_YC5 小时前
FastAPI+Vue前后端分离架构指南
vue.js·架构·fastapi