render: (h, params) => {
const totalMoney = params.row.totalMoney || "--";
return h("div", [
h(
Tooltip, //气泡文字组件
{
props: { //气泡属性
placement: "bottom",
trigger: "click", //点击触发
},
style: { //气泡样式
color: params.row.historyAmount ? "red" : "black",
padding: "0px 10px",
cursor: "pointer",
},
},
[
totalMoney, //表格显示文字,为表格中想要展示的字段
h(
"div",
{
slot: "title",
style: {
whiteSpace: "normal",
wordBreak: "break-all",
},
},
params.row.historyAmount
? `上次:${params.row.historyAmount.beforeAmount},本次:${params.row.historyAmount.afterAmount}`
: params.row.totalMoney //气泡显示的文字,可以写业务逻辑
),
]
),
]);
},
效果: