[JavaScript知识库]如何超简单的实现复制

clipboard.js
首先第一步安装

npm install clipboard --save

然后再main.js引用

import clipboard from 'clipboard';
Vue.prototype.clipboard = clipboard;

页面使用
index.vue

  <el-button
        icon="el-icon-search"
        class="btn"
        data-clipboard-action="copy"
        data-clipboard-target="#bar"
        @click="copyLink"
      ></el-button>
    </div>
    <h1 class="coupon-code" id="bar">{{ couponCode }}</h1>

index.ts

couponCode: string = '1';
  copyLink(): void {
    const clipboard = new Vue.prototype.clipboard('.btn');
    clipboard.on('success', () => {
      this.$message.success('操作成功');
    });
    clipboard.on('error', () => {
      this.$message('复制失败，请手动选择复制！');
    });
  }

顺便安利一下网络剪贴板（netcut.cn）
设备间传输数据很方便 测试再也不用下软件了 使用起来也超级简单