vue+element-ui+ts 的复制功能——clipboard

安装

npm i clipboard --save  
npm install --save @types/clipboard   
//或者
yarn add clipboard --save
yarn add @types/clipboard--save

在mian.ts中

import clipboard from 'clipboard';
//在页面中找不到clipboard，有人知道为什么吗？
Vue.prototype.clipboard = clipboard;

页面中

//定义id
<el-input id="tag">
 <button class="btn" data-clipboard-action="copy" data-clipboard-target="#tag"  @click="copy">点击复制</button>

写方法

public copy() {
    const clipboard = new Vue.prototype.clipboard('.btn');
    clipboard.on('success', () => {
      this.message.success("复制成功")
    });
    clipboard.on('error', () => {
       this.message.error("复制失败")
    });
  }