其他分享
首页 > 其他分享> > 复制粘贴插件与使用

复制粘贴插件与使用

作者:互联网

下载插件

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();
  });
},

标签:插件,复制粘贴,clipboard,Clipboard,复制,使用,destroy,message
来源: https://blog.csdn.net/zhengyun1568/article/details/114830353