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时,所属仓库必填"));
  }
},
相关推荐
开发者小天4 小时前
在Ant Design Vue 中使用图片预览的插件
前端·javascript·vue.js·前端框架
华科云商xiao徐4 小时前
手把手教你用Go打造带可视化的网络爬虫
前端·爬虫
_月下闲人4 小时前
已掌握 Vue2 的开发者,快速上手 Vue3
前端·javascript·vue.js
光头程序员4 小时前
vite_react 插件 find_code 最终版本
前端·javascript·react.js
陈随易4 小时前
改变世界的编程语言MoonBit:项目文件详解
前端·后端·程序员
拜无忧4 小时前
three.js纸飞机飞行撞建筑
前端·three.js
无光末阳4 小时前
前端 vue3+router 比较好用的自定义日志插件
前端·vue.js
liercats4 小时前
ECharts图表正常但动画不显示?问题排查指南:大概率是宽高问题
前端
四季豆豆豆4 小时前
办公任务分发项目 laravel vue mysql 第一章:核心功能构建 API
vue.js·mysql·laravel