【Vue】使用clipboard实现复制文本到剪贴板

npm install clipboard --save

<span
          class="copy-btn"
          @click="copy"
          :data-clipboard-text="需要复制的内容"
        >复制
</span>

<script>
import Clipboard from 'clipboard';
export default {
  methods: {
    // 复制
    copy() {
      var clipboard = new Clipboard(".copy-btn");
      clipboard.on("success", e => {
        Toast("复制成功");
        // 释放内存
        clipboard.destroy();
      });
      clipboard.on("error", e => {
        // 不支持复制
        Toast("该浏览器不支持自动复制");
        // 释放内存
        clipboard.destroy();
      });
    }
  }
};
</script>