vue项目使用插件复制指定内容

页面部分

<span class="content">{{item.content}}</span>
<button ref="copy" class="lr back-confirm btn" 
        :data-clipboard-text="item.content"  //绑定被复制的内容
         @click="copy"           //事件
         id="copy_text">       //要有id="" 或class=""
         复制key</button>

函数部分

copy: function () {
   var _this = this;
   var clipboard = new Clipboard('#copy_text');
   clipboard.on('success', e => {
       alert("复制成功")
   // 释放内存
   clipboard.destroy()
   })
   clipboard.on('error', e => {
   // 不支持复制
       Message({
           message: '该浏览器不支持自动复制',
           type: 'warning'
       });
       // 释放内存
       clipboard.destroy()
   })
}