iview的table：自定义table表格中列头的标题和点击事件（renderHeader）

`<Table
class=“table”
:columns=“columns1”
:data=“tableData”
highlight-row
:max-height=“500”
border
@on-selection-change=“onSelectionChange”
@on-row-click=“onRowClick”
>

columns1: [
{
title: ‘重量’,
slot: ‘weight’,
align: ‘center’,
key: ‘weight’,
renderHeader: (h, params) => {
return h(‘div’,[
h(‘span’, {}, ‘重量’),
h(‘Icon’, {
props: {
type: ‘ios-copy-outline’,
size: ‘18’
},
on: {
‘click’: (event) => {
this.weightCopy(event);
}
}
})
])
},
}
],

// 重量值拷贝功能
weightCopy(e){
if (this.tableData.length && this.tableData[0].weight) {
this.tableData.map((item, index) => {
this.tableData.splice(index, 1, {
…item,
weight: this.tableData[0].weight
})
})
} else {
this.$Message.warning(‘第一行值为空，不能复制！’)
}
}