vue 复制功能 js

理想本为粉碎你而来，你却当它是暗夜里唯一的光

下载此插件

npm install clipboard --save

前端QQ群: 981668406
在此附上我的QQ: 2489757828 有问题的话可以一同探讨
我的github: 李大玄
我的私人博客: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄

在这里插入图片描述
函数调用的时候 将当前按钮的class传过去 将要复制的内容绑定在 data-clipboard-text

import Clipboard from 'clipboard';

<el-button :data-clipboard-text='item.jumpUrl' class="jumpUrl" @click="copy('jumpUrl')" type="text">复制</el-button>

copy(val) {
  var clipboard = new Clipboard(`.${val}`);
  clipboard.on("success", () => {
    // 释放内存
    this.$message.success('复制成功');
    clipboard.destroy();
  });
  clipboard.on("error", () => {
    alert("不支持此浏览器");
    // 释放内存
    clipboard.destroy();
  });
}