vue获取tr内td里面所有内容_vue的v-for循环添加tr,取tr中的某两个td进行运算

我做一个页面,需要实现以下功能:

1、点击add按钮给表格动态添加一行tr(每行tr含13个td)

【需求1实现:

...】

2、每行tr结尾有删除,点击任意行的删除按钮就删除该行整条数据

【需求2实现:this.items.splice(key, 1);】

3、选取每行tr的某两个td进行乘法运算,并把值赋给该行的结果td(请注意:tr为动态循环添加的)

【需求3未实现】

4、将每行的结果td的值全部做加法,并用控制台打印出总结果

【需求4未实现】

请大家帮我写下需求3和需求4的实现步骤,谢谢~

更新问题:需求全部解决了,实现方法如下:

(思路,代码不完全)

methods:

addTr: function () {

var trItem = {

td1:"",

td2:"",

td3:"",

...

};

this.items.push(trItem);

},

deletes: function (key) {

var totalMoney = 0;

if(confirm('是否确认删除?')) {

// 移除本行code

this.items.splice(key, 1); // this.items.$remove(item); ES6写法

// 计算移除某条数据后的总金额

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值