Vue 使用clipboard实现复制文本到剪贴板

1.安装clipboard

npm install clipboard --save

2. 

<button class="copy-pwd" @click="copy('.copy-pwd')" :data-clipboard-text="需要复制的值">复制</button>

3.引入clipboard

import Clipboard from "clipboard";

4.

copy(classname) {

var clipboard = new Clipboard(classname);

clipboard.on("success", e => {

this.$message.success("复制成功");

// 释放内存

clipboard.destroy();

});

clipboard.on("error", e => {

// 不支持复制

this.$message.error("该浏览器不支持自动复制");

// 释放内存

clipboard.destroy();

});

}