层级方法实现table表格某项自动求和

qq_43469899

于 2019-12-17 16:20:21 发布

阅读量555

点赞数

分类专栏：自动求和文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_43469899/article/details/103582405

版权

本文介绍了一种不同于watch的高效方法，用于实现Vue.js表格中层级结构数据的自动求和。博客中提到，原先的watch方法代码复杂且性能低下，新的方法能更有效地计算每个小分类及大分类的总计，并提供了实现此类功能的基本思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇博客说到:table表格内不同项的层级求和,上一篇用的是watch的方法,这个方法代码繁琐,十分消耗性能,今天用一种全新的方法来解决这个问题:
simon
我这边呢是有多个大分类,分类1 分类2 分类3,然后每个分类下又有小分类,需要统计每个小分类的总额,然后统计每个大分类的总额,放到合计里面去!(这个根据个人的业务代码需求肯定是不一样的,大家根据自己需求进行更改,我这边只写自己的)

		/**
         * 修改单元格自动计算父级值
         */
        makeDataRelation(){
        //行号
            let column = this.selectedCell.columnIndex;
            //第几列
            let thisLv = this.tableData[this.selectedCell.rowIndex].computeLevel;
            //列号
            let thisRowIndex = this.selectedCell.rowIndex;
            //小分类
            if(thisLv > 1){
                this.computeParentValue(thisRowIndex,thisLv)
            }
            //大分类求和
            if(thisLv > 0){
                this.tableData[27][column] =this.tableData[0][column] + this.tableData[5][column] + this.tableData[6][column] + this.tableData[26][column]

最低0.47元/天解锁文章