vue剪切板一键复制

今天介绍个vue一个好用的插件vue-clipboard2

可以实现点击一键复制到剪切板

1. 下载
   npm install vue-clipboard2 --save
2. 全局引入

   import VueClipboard from 'vue-clipboard2'
   
   Vue.use(VueClipboard)

3. 使用方法

   <div v-clipboard:copy="你要复制的内容" v-clipboard:success="onCopy" v-clipboard:error="onError">按钮</div>
   //onCopy是成功的回调函数
   //onError是失败的函数
   // 或者使用函数
   this.$copyText('你要复制的东西').then(res=>{
             console.log(res)
         })

赏

×

写着玩做笔记

小编不易来个几毛也是钱

打开支付宝扫一扫，即可进行扫码打赏哦