当前位置: 首页 > news >正文

element的table获取当前表格行

需求:验证表格同一行的最低限价不能超过销售定价

思路:先获取当前行table的index,然后在做大小比较

1.局部html

<el-table-column label="销售定价(元)" min-width="200px"><template slot="header"><span class="star">*</span><span class="star-name">销售定价(元)</span></template><template slot-scope="scope"><el-form-item:prop="'skuList.' + scope.$index + '.price'":rules="tableRules.price"><el-inputsize="small"v-model.trim="scope.row.price"@input="userInput"placeholder="请输入销售定价"/></el-form-item></template>
</el-table-column><el-table-column label="最低限价(元)" min-width="200px"><template slot="header"><span class="star">*</span><span class="star-name">最低限价(元)</span></template><template slot-scope="scope"><el-form-item:prop="'skuList.' + scope.$index + '.floorPrice'":rules="tableRules.floorPrice"><el-inputsize="small"v-model.trim="scope.row.floorPrice"@input="userInput"placeholder="请输入最低限价"/></el-form-item></template>
</el-table-column>

2.验证规则

const checkFloorPrice = (rule, value, callback) => {let index = rule.field.split(".")[1];//获取当前行角标if (!value) {callback(new Error("请输入最低限价"));} else if (value == Infinity || value > Math.pow(2, 31) - 1) {callback(new Error("您填写的数字过长"));} else if (!/^\d+(\.\d{1,2})?$/.test(value)) {callback(new Error("请输入小数不超过两位的自然数"));} else if (value >= this.tableForm.skuList[index].price) {//重点看这里callback(new Error("最低限价不能超过销售定价"));} else {callback();}
};

http://www.lryc.cn/news/379438.html

相关文章:

  • html做一个分组散点图图的软件
  • 【SQL】UNION 与 UNION ALL 的区别
  • 分类判决界面---W-H、H-K算法
  • Python基础教程(三十):math模块
  • 你只是重新发现了一些东西
  • 【英伟达GPU的挑战者】Groq—AI大模型推理的革命者
  • Python学习路线
  • C++ std::forward()
  • 常见的8种排序(含代码):插入排序、冒泡排序、希尔排序、快速排序、简单选择排序、归并排序、堆排序、基数排序
  • go语言day2
  • vue echarts画多柱状图+多折线图
  • cesium for unity 打包webgl失败,提示不支持
  • python开发基础——day7 序列类型方法
  • 用java写一个二叉树翻转
  • 数学建模系列(3/4):典型建模方法
  • AI播客下载:Machine Learning Street Talk(AI机器学习)
  • 鱼缸补水器工作原理是什么
  • Linux-Tomcat服务配置到系统服务
  • Python抓取高考网图片
  • Vue配置项data
  • 在IDEA 2024.1.3 (Community Edition)中创建Maven项目
  • 动手学深度学习(Pytorch版)代码实践 -卷积神经网络-28批量规范化
  • Apache Paimon系列之:Append Table和Append Queue
  • Vue使用vue-esign实现在线签名 加入水印
  • 与码无关:分数限制下,选好专业还是选好学校?
  • 什么是负载均衡技术?
  • 存在重复元素Ⅱ python3
  • 【CV炼丹师勇闯力扣训练营 Day13:§6二叉树1】
  • 代码随想录算法训练营第46天 [ 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 123.买卖股票的最佳时机III ]
  • 基于IDEA的Maven简单工程创建及结构分析