javascript 拷贝文本到剪切板

由自由如风发布在前端

获或许自己实现不是很困难，但是有现成的工具可以使用哦。官网

将文本复制到剪贴板应该不难。它不需要数十个步骤来配置或数百 KB 来加载。但最重要的是，它不应该依赖于 Flash 或任何臃肿的框架。

这就是 clipboard.js 存在的原因。

安装

npm install clipboard --save

使用

new Clipboard(".btn")

可以传入传递 DOM 选择器、HTML 元素或HTML 元素列表来实例化它

然后在目标元素上添加属性 data-clipboard-text

就能实现点击复制文本了。

在 vue 里的样例

#template
<p ref="comment" :data-clipboard-text="comment" v-text="comment">
</p>

#mounted
new Clipboard(this.$refs.comment);