iview中table中render函数的封装

iview中table中render函数的封装

• 1.封装
• 2.引用
• 3.效果

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.引用

1. 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.效果