您现在的位置是：网站首页> 编程资料编程资料

vue表格(table)计算总计方式_vue.js_

2023-05-24 402人已围观

简介 vue表格(table)计算总计方式_vue.js_

vue 表格计算总计

首先需要在table标签中添加

:summary-method="getSummaries"  // 调用方法 show-summary  //标签属性 methods: {   getSummaries(param) {     const { columns, data } = param     console.log(columns, data, 'columns,data')     const sums = []     columns.forEach((column, index) => {       // 设置第一列的值为总计       if (index === 0) {         sums[index] = '总计'         return       }         sums[3] = this.form.result         sums[3] += '元'     })     return sums    } }

因为Element上计算总计的方法是计算当前页上金额的总和，稍加修改~

sums[index] = '总计'   // 把下标为0的列赋值为总计 sums[3] = this.form.result   // this.form.result为init初始化时从接口中拿到的总计，赋值到下标为3的列上 sums[3] += '元' // 得到的总计后加上单位元

vue table表格合计 ( Element )

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：vue将数字转为中文大写金额方式_vue.js_

下一篇：echarts如何实现动态曲线图(多条曲线)_javascript技巧_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网