下载插件
npm install clipboard --save
引入
import Clipboard from "clipboard";
使用,data-clipboard-text
中是动态绑定的链接
<el-button
type="text"
@click="copyInputCase"
class="copy-inputCase"
:data-clipboard-text="imgLink"
>
复制链接
</el-button>
// 复制
copyInputCase() {
let _this = this;
let clipboard = new Clipboard(".copy-inputCase"); // 这里括号里填写上面点击事件绑定的class名
clipboard.on("success", (e) => {
// 复制成功,提示根据自己项目实际使用的UI来写
_this.$message.success("复制成功");
// 释放内存
clipboard.destroy();
});
clipboard.on("error", (e) => {
// 不支持复制,提示根据自己项目实际使用的UI来写
_this.$message.error("该浏览器不支持自动复制");
// 释放内存
clipboard.destroy();
});
},