vue设置clipboard.js复制到剪切板

NO.1
使用场景
将选择文件右键复制,设置为点击即自动复制指定内容

NO.2
安装clipboard
安装
npm install clipboard --save

引入

import Clipboard from 'clipboard'

使用

copyFunc: (text = ``) => {
    return new Promise((resolve, reject) => {
        // 逻辑...
        let oCopyBtn = document.createElement('button')
        oCopyBtn.setAttribute('id', 'copy-btn')
        oCopyBtn.setAttribute('data-clipboard-text', text)
        document.body.appendChild(oCopyBtn)
        var clipboard = new Clipboard('#copy-btn')
        clipboard.on('success', (e) => {
            // console.log('复制成功');
            // 释放内存
            clipboard.destroy()
            //移除节点
            document.body.removeChild(oCopyBtn)
            resolve(e)
        })
        clipboard.on('error', (e) => {
            // 不支持复制
            // 释放内存
            clipboard.destroy()
            //移除节点
            document.body.removeChild(oCopyBtn)
            reject(e)
        })
        //模拟点击
        oCopyBtn.click()
    })
},

 

END.