vue点击复制内容

1首先.npm进行安装 、也可去官网https://clipboardjs.com/ 看看

npm install clipboard --save 

2.在需要使用的组件中import

引用方法：import Clipboard from 'clipboard';

<p class="mask-address">{{ address }}</p>

<button class="copy" @click="copyBtn" :data-clipboard-text="address"></button >

data-clipboard-text 后边跟需要复制的内容 我这的内容是动态的

4.添加点击后的方法

   copyBtn() {
       var clipboard = new Clipboard('.copy')
        clipboard.on('success', e => {
          console.log('复制成功')
          console.log(e);
          // 释放内存
          clipboard.destroy()
        })
        clipboard.on('error', e => {
          // 不支持复制
          console.log(e);

          console.log('该浏览器不支持自动复制')
          // 释放内存
          clipboard.destroy()
        })
    },

复制多个查看这个

vue 复制内容 - 简书复制内容 （1）安装插件npm install vue-clipboard2 --save （2）全局注入（main.js）import VueClipboard from ...https://www.jianshu.com/p/368ae77e5660