美文网首页
clipboard复制、剪切

clipboard复制、剪切

作者: 努力study代码的小哪吒 | 来源:发表于2022-04-26 15:38 被阅读0次
下载
npm install clipboard --save
局部引用
import Clipboard from 'clipboard'
使用
<div
  class="copy-btn"
 :class="'right-copy copy_id' + item.connectorCode"
  @click.prevent="initClipboard(item.connectorCode)"
  :data-clipboard-text="item.connectorCode"
>
   复制
</div>
methods: {
    initClipboard (id) {
      this.clipboard = null
      this.clipboard = new Clipboard(`.copy_id${id}`)
      this.clipboard.on('success', e => {
        this.$toast('复制成功')
        e.clearSelection()
        this.clipboard.destroy()
      })
      this.clipboard.on('error', e => {})
    }
  }

相关文章

网友评论

      本文标题:clipboard复制、剪切

      本文链接:https://www.haomeiwen.com/subject/wzncyrtx.html