1、插件clipboard

npm install clipboard
//使用的vue页面引入
import Clipboard from 'clipboard'

2、编写方法

copyContent (className) {
        const _this = this
        var clipboard = new Clipboard('.' + className)
        clipboard.on('success', e => {
            _this.$message.success('复制成功')
            clipboard.destroy() // 释放内存
        })
        clipboard.on('error', e => {
            _this.$message.error('该浏览器不支持自动复制')
            clipboard.destroy() // 释放内存
        })
    },

3、template调用

  <template>
    <div>
      <span data-clipboard-text="需要复制的内容1"
                                          @click="copyContent ('content-one')" class="content-one">复制内容1</span>
      <span data-clipboard-text="需要复制的内容2"
                                          @click="copyContent ('content-two')" class="content-two">复制内容1</span>
    </div>
  </template>