clipboardjs实现点击拷贝复制

1、文档
英文:https://clipboardjs.com/
中文http://www.clipboardjs.cn/

2、安装

npm install clipboard --save

  

 

  
1
 

3、使用示例
demo.vue

<template>
  <div> <input type="text" v-model="message" /> <button class="btn" :data-clipboard-text="message">Copy</button>
  </div>
</template>
 
<script>
import ClipboardJS from "clipboard";

export default {
  data: function() { return { message: "Copy These Text" };
  }, mounted() { // 创建的时候就绑定事件 var clipboard = new ClipboardJS(".btn"); clipboard.on("success", function(e) { alert(e.text); console.log(e); e.clearSelection(); }); clipboard.on("error", function(e) { console.log(e); });
  }
};
</script> 

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/104621272