首页 > 其他 > 详细

Vue实现点击复制

时间:2021-05-28 19:25:12      阅读:21      评论:0      收藏:0      [点我收藏+]
<button class="tag-read" :data-clipboard-text=‘需要复制的内容‘ @click="copyBtn">点击复制</button>
1、npm下载插件  
npm install clipboard
2、文件引用
import Clipboard from ‘clipboard‘
copyBtn(){
    var clipboard = new Clipboard(‘.tag-read‘)
    clipboard.on(‘success‘, e => {
       this.toast = this.$createToast({
           txt: ‘复制成功‘,
           type: ‘txt‘
        }).show()
          clipboard.destroy()
       })
      clipboard.on(‘error‘, e => {
         this.toast = this.$createToast({
            txt: ‘该浏览器不支持自动复制‘,
               type: ‘txt‘
          }).show()
            clipboard.destroy()//销毁
      })
 },

 

Vue实现点击复制

原文:https://www.cnblogs.com/rouyhx/p/14823411.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!