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

element-ui操作表格行内容如何获取当前行索引?

需求:

根据每个用户的提交次数、撤回次数,动态计算出实际次数,并且提交次数不能小于撤回次数

<template><div><el-table:data="tableData"style="width: 80%"border><el-table-columnprop="date"label="日期"width="120"></el-table-column><el-table-columnprop="name"label="姓名"width="120"></el-table-column><el-table-columnprop="address"label="地址"width="250"></el-table-column><el-table-columnprop="submitNumber"label="提交次数"width="180"><template slot-scope="scope"><el-input-number v-model="scope.row.submitNumber" size="small" :min="scope.row.withdrawNumber" label="描述文字" @change="(currentValue)=>setProNum(currentValue,scope.$index)"></el-input-number></template></el-table-column><el-table-columnprop="withdrawNumber"label="撤回次数"></el-table-column><el-table-columnprop="actualNumber"label="实际次数"></el-table-column></el-table></div>
</template><script>
export default {name: 'TableRowIndex',data() {return {tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄',submitNumber:34,withdrawNumber:2,actualNumber:32,}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄',submitNumber:6,withdrawNumber:3,actualNumber:3,}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄',submitNumber:13,withdrawNumber:7,actualNumber:6,}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄',submitNumber:34,withdrawNumber:12,actualNumber:22,}]};},methods: {setProNum(currentValue, index){this.tableData[index].actualNumber = currentValue - this.tableData[index].withdrawNumber},},
};
</script>
http://www.lryc.cn/news/397821.html

相关文章:

  • 代发考生战报:南京考场华为售前HCSP H19-411考试通过
  • 【Spring Boot】Spring原理:Bean的作用域和生命周期
  • MinIO:开源对象存储解决方案的领先者
  • 15、电科院FTU检测标准学习笔记-基本性能
  • 古建筑倾斜在线监测系统:科技守护历史的创新实践
  • DP(2) | Java | LeetCode 62, 63, 343, 96 做题总结(96 未完)
  • Ubuntu实战续篇:Apache httpd轻松搭建高效代理服务器
  • Linux 程序卡死的特殊处理
  • (C++字符串02) 反转字符串中的单词
  • 一致性Hash问题及解决方案
  • 【接口设计】如何设计统一 RESTful 风格的数据接口
  • 【备战秋招】——算法题目训练和总结day3
  • Git 操作总结
  • 若依 ruoyi-vue SpringBoot highlight-textarea 输入框敏感词关键词高亮标红(二)
  • 33 IRF配置思路
  • Dify中的RAG和知识库
  • vue3 + i18n 中英文切换
  • one-hot-zhu案例
  • 数据库课设---酒店管理系统(MySQL、VBNet)
  • NLP入门——前馈词袋分类模型的搭建、训练与预测
  • GD32F303RET6读取SGM58031电压值
  • Pandas实战指南:any()函数深度解析与高效应用
  • ClickHouse中PRIMARY KEY和ORDER BY关键字的关系
  • android 图片轮播
  • 进度条提示-在python程序中使用避免我误以为挂掉了
  • 【案例】python集成OCR识别工具调研
  • 第一关:Linux基础知识
  • qt 自定义信号和槽举例
  • 编程语言与数据结构的关系:深度解析与探索
  • 了解AsyncRotationController