Vue实现复制功能
  40IdLO25mCaU 2023年11月02日 29 0


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


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
40IdLO25mCaU