js 点击复制到剪贴板

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/jjw_zyfx/article/details/102734210

第一步： cnpm install -S clipboard

第二步：

<template>
  <div id="app">
    <div class="box">点我复制</div>
  </div>
</template>
<script>
  import Clipboard from 'clipboard';
export default {
  mounted(){
    let box = document.querySelector(".box")
    box.onclick = function (e) {
      if(!this.copyPhone){                 // 被复制到剪贴板上的内容
        this.setAttribute('data-clipboard-text', "13932121321");
        this.copyPhone = new Clipboard(box);
        this.copyPhone.on('success', e => {
          console.log('电话复制成功');
        });
        this.copyPhone.on('error', e => {
          console.log('不支持复制');
          this.copyPhone.destroy();
        })
        box.click();
      }
    }
  },

代码完整截图：

效果：