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

内容简介：下面小编就为大家分享一篇vue 实现复制内容到粘贴板clipboard的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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的方法》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• 复制粘贴比依赖更好
• Echarts 系列之复制粘贴大法
• Javascript中的复制粘贴功能
• 如何使用git检测复制和粘贴代码？
• 最简单爬虫rvest_告别复制粘贴
• 除了“复制粘贴”，安全圈的抄袭更复杂

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。