该博客主要介绍了在Vue中对Table渲染按钮的操作。首先封装了一个渲染按钮的函数btnRender，设置了按钮的属性和点击回调。然后展示了如何引用该封装函数，在Table中渲染“驳回”和“完成”按钮。最后提到了实现的效果。
1.封装
var btnRender = function (render, btnName, data, callback) {
return render(
‘Button’,
{
props: {
type: ‘text’,
size: ‘small’
},
style: {
color: ‘#0066FF’
},
on: {
click: () => {
callback(data);
}
}
},
btnName
);
};
export default btnRender;
2.引用
- List item
//table渲染按钮
import btnRender from “…/component/BtnRender”;
{
title: “操作”,
key: “operate”,
width: 150,
align: “center”,
render: (h, params) => {
let data = params.row;
btnRender(h, “驳回”, data, this.modalTurnShow),
btnRender(h, “完成”, data, this.modalPass)
}
},
3.效果
扫一扫
1006
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
