iView的table组件里columns的render绑定click点击事件

2021-06-11 1766点热度 0人点赞 0条评论

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);
                    }
                }
            })
        }
    }
]

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论