需求:
自定义表格的表头,然后添加一个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