一键复制功能 - Vue
2024-08-29 01:28:56
经常遇到一键复制功能,简单记录一下。这里使用的是clipboard插件:https://clipboardjs.com/
第一步
安装:npm install clipboard --save
第二步:
引入:
import clipboard from 'clipboard';
Vue.prototype.clipboard = clipboard;
第三步:
使用:
<button data-clipboard-action="copy" class="cobyDomObj" :data-clipboard-text="复制内容" @click="copyLink">
复制按钮
</button>
copyLink() {
let _this = this;
let clipboardObj = new this.clipboard(".cobyDomObj");
clipboardObj .on('success', function () {
_this.$toast("复制成功")
});
clipboardObj .on('error', function () {
_this.$toast("复制失败")
});
}
最新文章
- C++ std::multimap
- 解决国内npm依赖包安装慢的问题
- 通过form表单获取值
- Linux网络栈下两层实现
- Java 集合系列目录(Category)
- 树形dp Anniversary party(HDU1520)
- mysql语句大全
- ti processor sdk linux am335x evm /bin/setup-package-install.sh hacking
- supesite 连 discuz 论坛记录
- poj1740 A New Stone Game
- WPF中当鼠标移到按钮上时,按钮的背景图片消失的问题
- OAuth2.0基本流程
- C#使用Thrift简介,C#客户端和Java服务端相互交互
- usb免驱动摄像头实验
- 微信小程序初体验--封装http请求
- GBDT,Adaboosting概念区分 GBDT与xgboost区别
- MyEclipse10.0 配置 Tomcat1.7
- python 类方法的互相调用及self的含义
- java 泛型详解(转)
- Nginx日志过滤 使用ngx_log_if不记录特定日志
热门文章
- 利用Azure Media Services Explorer发布VOD视频
- 发送邮件 tp5.1 5.0都可以,实测有效
- android studio run得时候 选择开启对话框
- 值得关注的sql-on-hadoop框架
- Redis学习三:Redis数据类型
- Python入门系列教程(四)字典
- 美轮美奂!9款设计独特的jQuery/CSS3全新应用插件(下拉菜单、动画、图表、导航等)
- 【BZOJ】1828: [Usaco2010 Mar]balloc 农场分配(经典贪心)
- JVM性能调优监控工具详解
- xgboost与sklearn的接口