针对于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"中进行计算