masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > vue实现复制内容到粘贴板的方法

vue实现复制内容到粘贴板的方法

小云云
Lepaskan： 2018-03-19 10:28:12
asal
2487 orang telah melayarinya

如何复制内容到粘贴板？本文主要为大家分享一篇vue 实现复制内容到粘贴板clipboard的方法，具有很好的参考价值，希望能帮助到大家。

1 . npm安装到项目目录文件中

npm install clipboard --save
Salin selepas log masuk

2 . import 引入文件

import Clipboard from 'clipboard';
Salin selepas log masuk

3 . 在需要html元素中的自定义属性中data-clipboard-text 中写入要复制的内容

<button class="copyBtn" :data-clipboard-text = "https://www.baidu.com/" type="text">复制地址</button>
Salin selepas log masuk

4 . 在JavaScript中通过类名找到元素中的内容。

let clipboard = new Clipboard(&#39;.copyBtn&#39;);
Salin selepas log masuk

就是这个样子了，如果需要这个地址，直接在方法中引用clipboard这个变量就可以了，不需要的话就不用管这个变量，它不需要做任何处理，单击那个类名为copyBtn的按钮以后，直接Ctrl+v就可以了.

相关推荐：

JavaScript实现复制内容到粘贴板代码_javascript技巧


Atas ialah kandungan terperinci vue实现复制内容到粘贴板的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
kandungan kaedah tampal
sumber：php.cn
Artikel sebelumnya：Css Secret应该怎么使用 Artikel seterusnya：margin float背景图如何使用
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1429
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1361
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React? Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...
daripada 2024-04-06 21:28:37
0
1
2257
Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...
daripada 2024-04-06 21:21:07
0
1
474
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan