vue 使用 clipboard 复制粘贴文字

首先安装第三方插件 clipboard

npm i clipboard --save  点击按钮复制文字

然后在需要的页面引入

import Clipboard from "clipboard";

在页面中使用

html

<a
    id="copy_courseNo"
    :data-clipboard-text="record.courseNo"  
    type="primary"
    class="margin_right20"
    @click="copyCourseNo">
    复制商品ID
</a>

// data-clipboard-text  绑定需要复制的文字

js

// 复制ID的按钮
    copyCourseNo() {
      let clipboard = new Clipboard("#copy_courseNo");
      clipboard.on("success", (e) => {
        message.success("复制成功");
        clipboard.destroy(); // 释放内存
      });
      clipboard.on("error", (e) => {
        message.error("复制失败"); // 不支持复制
        clipboard.destroy(); // 释放内存
      });
    },

点击复制完成