vuejs实现一键复制功能

1，首先安装插件：

npm install clipboard --sava

2，在组件中应用 

import Clipboard from 'clipboard'

3，clipboard的实际使用

<!--第一种直接绑定在按钮上-->
 <button class="marleft10 btn copyBtn" style="float: right;border: none;" :data-clipboard-text="2"
        @click="copy()">复制
         </button>
 <!--第二种单个复制按钮动态获取需要复制的内容-->
 <input type="text" v-model="copyContent"  id="copy_text" style="opacity: 0">
 <button class="copyBtn"  data-clipboard-action="copy" data-clipboard-target="#copy_text" @click="copyToClip">复制</button>
 <!--第三种可以在New Clipboard时设定要复制的内容-->
 new Clipboard('copyBtn',function(){
     return <!--要复制的内容-->
 })

copyToClip: function() {
     let clipboard = new Clipboard('.copyBtn')
     clipboard.on('success', e => {
          this.$Message.info('复制成功')
          // 释放内存
           clipboard.destroy()
     })
     clipboard.on('error', e => {
           // 不支持复制
           this.$Message.info('该浏览器不支持自动复制')
           // 释放内存
           clipboard.destroy()
     })
 },