后台管理项目中列表复制对应内容

import Clipboard from 'clipboard'

toCopy() {
      this.boo = false
      const clipboard = new Clipboard('.copy')
      clipboard.on('success', (e) => {
        this.$message({
          message: '复制成功',
          type: 'success'
        })
        clipboard.destroy()
      })
      clipboard.on('error', (e) => {
        this.$message.error('该浏览器不支持自动复制')
        clipboard.destroy()
      })
    },

原生代码

 //点击复制
          copy (attr) {
              let  target = document.createElement('div');
              target.id = 'tempTarget';
              target.style.opacity = '0';
              target.innerText = attr;  
              document.body.appendChild(target);
              try {
                  let range = document.createRange();
                  range.selectNode(target);
                  window.getSelection().removeAllRanges();
                  window.getSelection().addRange(range);
                  document.execCommand('copy');
                  window.getSelection().removeAllRanges();
                  this.$message.success('复制成功')
              } catch (e) {
                  //console.log('复制失败')
              }
            target.parentElement.removeChild(target);    
          },