js復(fù)制方法:
首先需要在頁(yè)面中放置一個(gè)input標(biāo)簽,將其隱藏甫匹。將所要復(fù)制的值給予input標(biāo)簽甸鸟,通過(guò)select() 方法選取文本域中的內(nèi)容惦费。最后通過(guò)document.execCommand來(lái)實(shí)現(xiàn)功能。該方法允許運(yùn)行命令來(lái)操縱可編輯區(qū)域的內(nèi)容抢韭。詳情請(qǐng)點(diǎn)擊
vue通過(guò)依賴(lài)包實(shí)現(xiàn)復(fù)制功能
在mian.js文件中引入import VueClipboard from 'vue-clipboard2'薪贫,而后使用Vue.use(VueClipboard?)
onCopy (e) {
????this.$message(
????????{
????????????message:'復(fù)制成功!',
????????????type:'success'
????????})
},
// 復(fù)制失敗
onError (e) {
????this.$message({
????????message:'復(fù)制失斃捍隆后雷!',
????????type:'error' })
}
標(biāo)簽元素中使用
<el-button type="primary" v-clipboard:copy="teamLink" v-clipboard:success="onCopy"
v-clipboard:error="onError">復(fù)制</el-button>