在el-table里创建cell-click事件,再在表格操作按钮加上.stop阻止冒泡行为
//html
<el-table
:data="datalist.tableData"
:max-height="height"
row-key="id" empty-text="暂无数据"
:row-class-name="tableRowClassName"
border
@cell-click="goCopy">
........
.....
.....
</el-table>
//js
//表格点击事件
const goCopy = (val) => {
// console.log(val);
//复制鼠标所点区域
let save = function (e) {
e.clipboardData.setData('text/plain', event.target.innerText);
e.preventDefault(); //阻止默认行为
}
document.addEventListener('copy', save);//添加一个copy事件
document.execCommand("copy");//执行copy方法
// this.$message({ message: '复制成功', type: 'success' })//提示
ElNotification({
title: '提示',
message: '复制成功',
type: 'success',
})
上一篇文章,