Vue使用vue-clipboard2實現複製貼上功能
IE10以下不相容。
- 安裝:
npm install --save vue-clipboard2
; - 引入:
import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)
- 使用方法有兩種:
// 方法一: <button v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">複製</button> data(){ return { message: '我是要複製的內容!' } }, methods: { onCopy () {}, onError () {} }
// 方法二 <button @click="onCopy">複製</button> data(){ return { message: '我是要複製的內容!' } }, methods: { onCopy () { this.$copyText(this.message) .then(()=>{}) .catch(()=>{}) } }
相關文章
- vue 中實現複製貼上Vue
- JavaScript實現複製和貼上功能JavaScript
- 在vSphere中實現複製貼上功能
- Python中Wxpython實現剪下、複製、貼上和檔案開啟功能Python
- Vue中結合clipboard實現複製功能Vue
- js複製黏貼功能JS
- ClipboardJS複製貼上外掛的使用JS
- VIM複製貼上大全!
- 前端實現複製功能前端
- 實現前端點選按鈕自動複製剪貼簿功能前端
- 原生javasript實現Ctr+c複製Ctr+v貼上Java
- vue 實現貼上上傳圖片Vue
- 複製貼上不了怎麼辦?Mac複製貼上不瞭解決方法Mac
- 使用 xclip 在 Linux 命令列中複製貼上Linux命令列
- vue實現物件的複製Vue物件
- win10系統無法複製貼上怎麼辦 win10電腦複製貼上功能失效如何修復Win10
- wordpress從word複製貼上公式公式
- 複製貼上比依賴更好
- Ubuntu20.04 vim複製貼上,使用系統剪下板Ubuntu
- clipboard.js無法複製貼上JS
- Linux的VI (刪除貼上,複製)Linux
- macOS如何複製貼上無格式文字Mac
- Typescript實現一鍵複製文字進剪貼簿TypeScript
- 電腦無法複製貼上怎麼回事?電腦無法複製貼上的解決方法
- cad複製快捷鍵命令 cad怎麼複製貼上圖形
- pyqt5 QTableWidget 表格控制元件中剪下板複製貼上的實現QT控制元件
- JS如何實現點選複製功能,JS點選複製文字JS
- 教你JavaScript實現一鍵複製內容剪貼簿JavaScript
- 如何學正則(告別複製貼上)
- vim複製文字到系統貼上板
- win10系統下複製貼上快捷鍵功能失效如何解決Win10
- 基於vue-simplemde實現圖片拖拽、貼上功能的一些思考Vue
- 短視訊系統原始碼,動態內容實現長按複製貼上原始碼
- tmux自定義使用者設定(滑鼠選項,複製貼上)UX
- 點選按鈕自動複製剪貼簿功能
- win10 office word不能複製貼上怎麼辦_win10 office word不能複製貼上如何處理Win10
- Linux下命令列中的複製和貼上Linux命令列
- js複製文字到貼上板(Clipboard.writeText())JS