效果图如下
代码如下
<el-table-column label="appId" prop="id">
<template slot-scope="scope">
<el-popover placement="top" width="100" popper-class="copy-popper" trigger="hover">
<el-link type="text" @click="copy(scope.row)">点击复制</el-link>
<el-button type="text" slot="reference">{{ scope.row.id }}</el-button>
</el-popover>
</template>
</el-table-column>
copy(row) {
this.$copyText(row.id).then(() => {
this.$message.success('复制成功')
}).catch(() => {
this.$message.warning('复制失败')
})
}