Vue实现复制功能

Vue实现复制功能

描述
需要实现点击当前行，将当前行内容复制到剪贴板。

实现

@row-click=“copy” 为行点击事件，参数为当前行数据

<el-table @row-click="copy"></el-table>

copy(row){
var input = document.createElement("input"); // 创建input对象
     input.value = row; // 设置复制内容
     document.body.appendChild(input); // 添加临时实例
     input.select(); // 选择实例内容
     document.execCommand("Copy"); // 执行复制
     document.body.removeChild(input); // 删除临时实例
     this.$message.success('复制成功！');
}