vue 复制字符串到剪切板

以下是在Vue中实现复制字符串到剪切板的方法：
1.安装clipboard插件

npm install clipboard --save

2.在需要使用的组件中引入clipboard

import Clipboard from 'clipboard'

3.在mounted()方法中初始化clipboard

mounted() {
  this.clipboard = new Clipboard('.cpLink')
  this.clipboard.on('success', e => {
    this.$message({
      message: '复制成功！',
      type: 'success'
    })
  })
  this.clipboard.on('error', e => {
    this.$message({
      message: '复制失败！',
      type: 'error'
    })
  })
},

4.在template中添加复制按钮

<el-button class="cpLink" type="primary" data-clipboard-text="需要复制的字符串">复制</el-button>

5.在组件销毁时销毁clipboard

beforeDestroy() {
  this.clipboard.destroy()
}