vue 實現複製內容到粘貼板clipboard的方法，vueclipboard

vue 實現複製內容到粘貼板clipboard的方法，vueclipboard

1 . npm安裝到項目目錄檔案中

npm install clipboard --save

2 . import 引入檔案

import Clipboard from 'clipboard';

3 . 在需要html元素中的自訂屬性中data-clipboard-text 中寫入要複製的內容

<button class="copyBtn" :data-clipboard-text = "https://www.baidu.com/" type="text">複製地址</button>

4 . 在JavaScript中通過類名找到元素中的內容。

let clipboard = new Clipboard('.copyBtn');

就是這個樣子了，如果需要這個地址，直接在方法中引用clipboard這個變數就可以了，不需要的話就不用管這個變數，它不需要做任何處理，單擊那個類名為copyBtn的按鈕以後，直接Ctrl+v就可以了.

以上這篇vue 實現複製內容到粘貼板clipboard的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。