关于vue.js:vue的复制粘贴-clipboardjs

点击复制性能次要通过 clipboard.js 来实现

1、引入clipboard.js，办法如下：

第一种间接npm装置：npm install clipboard –save

第二种：<script src=”js/clipboard.min.js”></script>（下载地址：https://clipboardjs.com/）

2、在须要应用的组件中import

援用办法：import Clipboard from ‘clipboard’;

components: {
Clipboard
},

3、增加须要复制的内容

例如：<button class=”tag-read” data-clipboard-text=”我是能够复制的内容，请点击复制” @click=”copy”>立刻浏览</button>

解析： data-clipboard-text 后边跟须要复制的内容

4、增加点击后的办法

copy(index){
  var clipboard = new Clipboard('.copyStr'+index);
  clipboard.on('success', e => {
    this.$message.success("复制胜利");
    // 开释内存
    clipboard.destroy()
  })
  clipboard.on('error', e => {
    // 不反对复制
    this.$message.warning("该浏览器不反对主动复制");
    // 开释内存
    clipboard.destroy()
  })
},