<Table
class="table"
:columns="columns1"
:data="tableData"
highlight-row
:max-height="500"
border
@on-selection-change="onSelectionChange"
@on-row-click="onRowClick"
>
<!-- 重量 -->
<template slot-scope="{ row, index }" slot="weight">
<Input v-model="tableData[index].weight" placeholder="請輸入..." class="form-width" />
</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('第一行值為空，不能復制！')
}
},