vue實現(xiàn)復制內容到粘貼板clipboard的方法

1 . npm安裝到項目目錄文件中

專業(yè)領域包括成都做網(wǎng)站、網(wǎng)站制作、成都外貿網(wǎng)站建設、商城網(wǎng)站制作、微信營銷、系統(tǒng)平臺開發(fā)，與其他網(wǎng)站設計及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)建站的整合解決方案結合了幫做網(wǎng)絡品牌建設經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

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');

vue 實現(xiàn)復制內容到粘貼板clipboard的方法

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

以上這篇vue 實現(xiàn)復制內容到粘貼板clipboard的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站題目：vue實現(xiàn)復制內容到粘貼板clipboard的方法
地址分享：http://www.rwnh.cn/article6/jiedog.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、電子商務、網(wǎng)頁設計公司、營銷型網(wǎng)站建設、品牌網(wǎng)站建設、網(wǎng)站維護

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

vue實現(xiàn)復制內容到粘貼板clipboard的方法