vue中elementui自定义表头并且添加事件

原创
2018/05/18 15:09
阅读数 1.5W

需求:

    自定义表格的表头,然后添加一个checkbox 选中的时候,展示所有的,去掉的时候,不展示所有的

    在代码中可以理解为 自定义elementui表格的表头,并且添加事件

渲染是事件

 

//添加自定义方法  renderProductId
<el-table-column show-overflow-tooltip prop="productId" label="照片关联货号" min-width="200" 
:render-header="renderProductId">

//在渲染表头的时候,会调用此方法,h为createElement的缩写版  添加on.change事件即可
renderProductId(h, {column}) {
    return h('span', [
        h('span', column.label),
        h('el-checkbox',
            {
                style: 'margin-left: 5px;',
                on: {
                    change: this.change
                }
        }),
    ]);
},
change(val) {
    console.log(val);
}

 

 

参考:

https://segmentfault.com/q/1010000011970694

https://www.cnblogs.com/mengfangui/p/8072842.html

http://www.runoob.com/jsref/met-document-createelement.html

http://www.w3school.com.cn/xmldom/met_document_createelement.asp

展开阅读全文
打赏
2
2 收藏
分享
加载中
太棒了,找了好久都没找到,这个就可以了;
2018/10/11 17:23
回复
举报
更多评论
打赏
1 评论
2 收藏
2
分享
返回顶部
顶部