针对于el-table中合计功能中的操作栏也可以按钮,并且可以添加点击事件
ElTable源码里footer部分是,这种方式渲染的,也就是 支持传递VNode。使用h第一个参数传递 组件,可以把组件转成VNode,比如现在要在右下角加一个 详情按钮
所以我们也可以通过h函数来渲染
import { h } from "vue";
import { ElButton } from "element-plus";// 判断最后一行
else if (index === columns.length - 1) {sums[index] = h(ElButton,{type: "primary",link: true,onClick: showDetailBox,},["详情"]);return;}
展示结果:再 summary-method="getSummaries"中进行计算