废话不多说直接上代码 复制即可使用
//此方法用于在数据行后添加两个按钮
注意:我此处代码是放在 代码生成的js文件中 onInit() 方法中 也可以放在.vue文件中-把 this.columns.push()去除然后放在 columns中即可。但是这样的话不能写逻辑操作(至少我现在没看懂怎么写,有看懂的可以滴滴我一下我学习学习~~)
this.columns.push({
title:'操作',type:'string',width:220,align:'left',render: (h, { row, column, index }) => {
return h("div", { style: {} }, [
h("div", {}, [
h("span",{
class: ["el-icon-edit el-tag el-tag--light",],
style: {cursor: "pointer", "margin-right": "8px",},
onClick: (e) => {
//此处写点击后要触发的事件
},
}, "开始处理"),
h("span", {
class: [ "el-icon-edit el-tag el-tag--success el-tag--light", ],
style: { cursor: "pointer", },
onClick: (e) => {
},
},
"完成"
),
]),
]);
},
})