element-ui 表格复制功能

276 阅读1分钟

image.png

第一步 import Clipboard from "clipboard";

第二步 DOM(我这里用项目的表单数据)

订单号: 1111111
卡卷: 11111111
提货码: 111111

            <span
              class="tag-read"
              data-clipboard-target="#fuzhi"
              style="color:#7e98b1;cursor: pointer;"
              @click="cope(scope)"
              >复制</span
            >
          </el-tooltip>
          
          
      //第三步  JS代码
              cope() {
  var clipboard = new Clipboard(".tag-read");
  clipboard.on("success", e => {
    this.$message({
      message: "复制成功",
      type: "success"
    });
    // 释放内存
    clipboard.destroy();
  });
  clipboard.on("error", e => {
    // 不支持复制
    console.log("该浏览器不支持自动复制");
    // 释放内存
    clipboard.destroy();
  });
},