安装:
npm install clipboard --save
引用:
import Clipboard from 'clipboard'
触发复制事件的dom:
<p id="copyObj">复制对象</p>
// data-clipboard-text 是放置需要复制的数据
// 引用文本 :data-clipboard-text="引用的文本"
<button class="btn" data-clipboard-text="复制的文本" @click = "copy"/>
// 使用data-clipboard-target可以直接指向需要复制的数据对象。
<button class="btn" data-clipboard-target="#copyObj" @click = "copy"/>
触发事件函数体:
copy () {
let clipboard = new Clipboard('.btn')
clipboard.on('success',e =>{
alert('copy success')
clipboard.destroy() //使用destroy可以清楚缓存
})
clipboard.on('error', e => {
alert('copy error')
clipboard.destroy()
})
}