js复制功能插件clipboard

吴冬雪~

已于 2023-09-19 13:34:43 修改

阅读量477

点赞数

分类专栏： JavaScript 文章标签： javascript html

于 2022-11-11 11:02:02 首次发布

本文链接：https://blog.csdn.net/qq_37548296/article/details/127802461

版权

JavaScript 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<div class="info">快递单号：
  <span id="content1">{{ invoiceInfo.openBank || '无' }}</span>
  <el-button type="primary" size="mini" class="copy" data-clipboard-target="#content1" @click="handleCopy">
    复制
  </el-button>
</div>

<script>
import ClipbpardJS from 'clipboard'

// 复制
handleCopy() {
  const clipdoard = new ClipbpardJS('.copy')
  clipdoard.on('success', (e) => {
    this.$message({
      message: '复制成功',
      type: 'success'
    })
    clipdoard.destroy()
  })
  clipdoard.on('error', function(e) {
    console.log(e)
  })
}
</script>