实现v-for循环的表格，实时多个input输入框为一组数据进行求和

এ᭄请你吃糖℘

于 2024-08-04 13:53:30 发布

阅读量123

点赞数 3

文章标签：前端

本文链接：https://blog.csdn.net/m0_73463767/article/details/140905436

版权

需求：后端传过来两个字段，是否合并单元格：num=1时合并，合并的单元格数量：count。实现当循环遇到value.num=1的时候，接下来的value.count行的input输入框输入的值作为一组，实现实时数求和

显示总和的单元格
<td class="dm_right" v-if="value.num==1" :rowspan="value.count"> {{ getSum(index) }} </td>

methods中调用getSum方法
getSum(startIndex) {
        let total = 0;
        for (let i = startIndex; i < startIndex + this.model[startIndex].count; i++) {
          if (this.model[i] && this.model[i].remark) {
            total += Number(this.model[i].remark) || 0;
          }
        }
        return total;
      },

请添加图片描述