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

时间：2020-07-08 19:36:41 阅读：281 评论：0 收藏：0 [点我收藏+]

标签：lse copy bsp spl span 表格 sage -o sele

<Table

class="table"

:columns="columns1"

:data="tableData"

highlight-row

:max-height="500"

border

@on-selection-change="onSelectionChange"

@on-row-click="onRowClick"

</template>

</Table>

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(‘第一行值为空，不能复制！‘)

}

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

标签：lse copy bsp spl span 表格 sage -o sele

原文地址：https://www.cnblogs.com/wssdx/p/13268537.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行