import Clipboard from 'clipboard'
{
prop: 'algorithmDetailsId',
label: 'ID',
width: 'auto',
render: (createElement, params) => {
const aa = params.row
return createElement({ template: '<el-tooltip class="item" effect="dark" content="点击即可复制" placement="top-start"><span :data-clipboard-text="data.algorithmDetailsId" @click="copy" class="tag-read buttonText warpText" :title="data.algorithmDetailsId">{{data.algorithmDetailsId}}</span></el-tooltip>', props: ['data', 'copy'] }, {
props: { data: aa, copy: this.copy } // 组件的props
})
}
},
copy() {
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
this.$message({
showClose: true,
message: '复制成功',
type: 'success'
})
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
this.$message({
showClose: true,
message: '当前浏览器不支持复制功能',
type: 'error'
})
// 释放内存
clipboard.destroy()
})
}
},
vue点击复制功能Clipboard
最新推荐文章于 2024-04-16 14:19:44 发布