vxe合计:vxe-table 框架 合计写法
安装vxe-tablenpm install xe-utils vxe-table在minjs里面引入import Vue from ‘vue’import ‘xe-utils’import VXETable from ‘vxe-table’import ‘vxe-table/lib/index.css’Vue.use(VXETable)在需要添加合计的vue 文件里面引入import XEUti
·
安装vxe-table
npm install xe-utils vxe-table
在minjs里面引入
import Vue from ‘vue’
import ‘xe-utils’
import VXETable from ‘vxe-table’
import ‘vxe-table/lib/index.css’
Vue.use(VXETable)
在需要添加合计的vue 文件里面
引入 import XEUtils from “xe-utils”;
在vxe-table 表单里面 引入添加
show-footer
:footer-method=“footerMethod”
在 methods: 里面写入方法、
footerMethod ({ columns, data }) {
const footerData = [
columns.map((column, columnIndex) => {
if (columnIndex === 0) {
return '和值'
}
if (['changecoded'].includes(column.property)) {
return XEUtils.sum(data, column.property)
}
return null;
})
]
return footerData
},
更多推荐
已为社区贡献2条内容
所有评论(0)