JS復制到剪切板與vue復制到剪切板

js復制方法:

首先需要在頁面中放置一個input標簽,將其隱藏。將所要復制的值給予input標簽,通過select() 方法選取文本域中的內容。最后通過document.execCommand來實現(xiàn)功能。該方法允許運行命令來操縱可編輯區(qū)域的內容。詳情請點擊

js復制方法

vue通過依賴包實現(xiàn)復制功能

在mian.js文件中引入import VueClipboard from 'vue-clipboard2',而后使用Vue.use(VueClipboard?)

onCopy (e) {

????this.$message(

????????{

????????????message:'復制成功!',

????????????type:'success'

????????})

},

// 復制失敗

onError (e) {

????this.$message({

????????message:'復制失敗!',

????????type:'error' })

}

標簽元素中使用

<el-button type="primary" v-clipboard:copy="teamLink" v-clipboard:success="onCopy"

v-clipboard:error="onError">復制</el-button>

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,178評論 0 29
  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,373評論 0 6
  • 下載安裝搭建環(huán)境 可以選npm安裝,或者簡單下載一個開發(fā)版的vue.js文件 瀏覽器打開加載有vue的文檔時,控制...
    冥冥2017閱讀 6,197評論 0 42
  • 網(wǎng)絡中四 2018.3.31 持續(xù)分享第251天 指導語: 陳述需要解決的問題(明確一個),將它擬定為山,爬山相...
    xfsunshine閱讀 991評論 0 1
  • ** 在一個平凡的夜晚,時針指向21:20分。 “哇!”隨著一聲哄亮的聲音響起,林敏突然覺得身上少了什么東西,輕飄...
    一生如燕閱讀 898評論 2 1

友情鏈接更多精彩內容