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); } } }) } } ]
文章评论