vue中点击实现复制链接到剪贴板（clipboard.js）

一、npm安装

       npm install  clipboard -- save

二、引入

       import Clipboard from 'clipboard'

三、html

       <li class="copyData" @click="copy(item.id)">复制名片链接</li>

四、methods

copy (data) {

    var Url = `pages/personal_card/card_detail/index?employee_id=${data}&source=11` // 点击文字复制的地址

    var clipboard = new Clipboard('.copyData', {

         text: function () {

            return Url

         }

   })

    // 复制成功

    clipboard.on('success', e => {

          this.$xcMessage.success('名片链接已复制')

    // 释放内存

    clipboard.destroy()

    })

   // 复制失败

   clipboard.on('error', e => {

   // 不支持复制

        this.$xcMessage.warning('复制失败')

   // 释放内存

    clipboard.destroy()

 })

}

}