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
- UILabel實現複製貼上功能UI
- 利用JS實現複製/貼上功能JS
- 在vSphere中實現複製貼上功能
- Vue中結合clipboard實現複製功能Vue
- js複製黏貼功能JS
- 實現 Swing 的 JTables 和 Excel 間的複製和貼上功能 (轉)Excel
- Python中Wxpython實現剪下、複製、貼上和檔案開啟功能Python
- 20 行 JS 程式碼,實現複製到剪貼簿功能JS
- 前端實現複製功能前端
- js實現複製功能JS
- ClipboardJS複製貼上外掛的使用JS
- vue 實現貼上上傳圖片Vue
- 原生javasript實現Ctr+c複製Ctr+v貼上Java
- 實現前端點選按鈕自動複製剪貼簿功能前端
- 複製貼上不了怎麼辦?Mac複製貼上不瞭解決方法Mac
- 破解“無法複製貼上”
- vue實現物件的複製Vue物件
- win10系統無法複製貼上怎麼辦 win10電腦複製貼上功能失效如何修復Win10
- wordpress從word複製貼上公式公式
- vim總結貼上/複製篇
- 使用 xclip 在 Linux 命令列中複製貼上Linux命令列
- CEdit控制元件中實現複製、貼上、剪下等操作的快捷鍵控制元件
- clipboard.js無法複製貼上JS
- macOS如何複製貼上無格式文字Mac
- Linux下複製貼上快捷鍵Linux
- 電腦無法複製貼上怎麼回事?電腦無法複製貼上的解決方法
- Typescript實現一鍵複製文字進剪貼簿TypeScript
- javascript實現的禁止使用右鍵或者ctrl+v複製黏貼JavaScript
- 20 行 JS 程式碼實現貼上板功能JS
- JS如何實現點選複製功能,JS點選複製文字JS
- Ubuntu20.04 vim複製貼上,使用系統剪下板Ubuntu
- Linux的VI (刪除貼上,複製)Linux
- 學習正則(告別複製貼上)
- Linux 裡的複製與貼上 (轉)Linux
- vim複製文字到系統貼上板
- 基於vue-simplemde實現圖片拖拽、貼上功能的一些思考Vue