vue 实现点击复制文本功能 clipboard 具体使用步骤

1. 安装 clipboard

npm install clipboard --save

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

import Clipboard from 'clipboard';

3. 添加需要复制的内容

<div>
    <span class="fuzhi_span" data-clipboard-text="123" @click="copy>复制</span>
</div>

4. 添加点击后的方法

copy() {
  var _this = this;
  var clipboard = new Clipboard('.fuzhi_span') // 点击事件绑定的 class 名
  clipboard.on('success', e => {
     _this.$message.success("复制成功")
     clipboard.destroy() // 释放内存
  })
  clipboard.on('error', e => {
      _this.$message.error('该浏览器不支持自动复制')
     clipboard.destroy() // 释放内存
  })
}