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('复制成功!');
}