官方

clipboard.js — Copy to clipboard without Flash (clipboardjs.com)

步骤

  1. 安装依赖

    1
    npm install clipboard --save

  2. 导入组件

    1
    import Clipboard from 'clipboard'

  3. 使用

    1
    <a class="fileUrl" @click="copy(record)">复制url</a>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    // 复制文本
    copy(record) {
      let clipboard = new Clipboard('.fileUrl', {
        text: function() {
          // 要复制的文本源
          return record.fileUrl;
        }
      });
      let that = this
      clipboard.on('success', e => {
        that.$message.success('复制成功!');
        // 释放内存
        clipboard.destroy()
      })
      clipboard.on('error', e => {
        // 不支持复制
        that.$message.warning('复制该浏览器不支持自动复制成功!');
        // 释放内存
        clipboard.destroy()
      })
    },