复制粘贴插件与使用

下载插件

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();
  });
},
上一篇:django项目之efk日志监控系统的搭建


下一篇:Centos单机部署EFK教程