vue获取剪切板内容_vue 复制内容到粘贴板

首先是npm安装依赖包：npm install clipboard --save

导入组件：import Clipboard from "clipboard";

html如图：

class="copy"，用于下面的JS中获取当前复制按钮这个对象，data-clipboard-text是表示复制当前的属性，属性值我这里用的变量Code，大家注意一下，data-clipboard-text前面带上 " ："号，否则Code会被视作字符串处理，而非自定义的变量。@click绑定了一个自定义的copy事件，下面我们看一下：

copy事件里，通过on给复制按钮绑定了两个事件，success和error，分别是复制成功和失败，考虑到潜在的兼容性问题，最好留下error提示，比较友好。

以上就是vue项目里复制粘贴的教程，如果帮助到了你，请点个赞哟。

2019年5月9日17:18:45 BUG修复：

message下面改成如图所示，才是正确的清理方式， 否则重复点击会一直弹message窗，原因是粘贴板对象未被释放。