Vue/iView中Table表格组件的Columns使用render渲染出来的组件,不但可以render一个Button,还可以使用其他html的组件,绑定事件,可以使用on: {click}来实现,如下render一个Icon实现绑定单击事件:
columns: [
{
title: '删除', key: "action", fixed: 'left', minWidth: 144, render: (h, params) => {
return h("Icon", {
props: {
type: 'md-trash',
color: '#ed4014',
size: 16
},
style: {
cursor: 'pointer'
},
on: {
click: () => {
app.deleteClicked(params.row.no);
}
}
})
}
}
]
文章评论