clipboard剪贴板插件的使用教程

clipboard 是实现复制文本到剪贴板功能的 JavaScript插件，实现复制剪切功能非常方便

实现效果图

 <div
style="padding-right: 30px; display: block; position: relative">{{ authForm.license }}<imgsrc="@/assets/copy.png"alt=""class="copy-img":data-clipboard-text="authForm.license"title="复制"@click="copyLicence"/></div>

copy图标

复制功能

 //复制验证码copyLicence() {var clipboard = new Clipboard(".copy-img");clipboard.on("success", (e) => {// console.log('复制成功')this.$message.success("复制成功");//  释放内存clipboard.destroy();});clipboard.on("error", (e) => {// 不支持复制//  console.log('该浏览器不支持复制');this.$message.error("该浏览器不支持复制");// 释放内存clipboard.destroy();});},

clipboard剪贴板插件的使用教程相关推荐

剪贴板 Clipbardjs 的使用教程，Vue
剪贴板 Clipbardjs 的使用教程,Vue 官方API https://github.com/zenorocha/clipboard.js 一.添加对应包 package.json " ...
Unity插件-NGUI使用教程
Unity插件-NGUI使用教程本文提供全流程,中文翻译. Chinar坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 NGUI 一款强大 ...
JQuery图表插件Highcharts示例教程
JQuery图表插件Highcharts示例教程,先上图,大伙Show一下效果:先上三个图,分别是曲线.柱状.扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意.下面讲下大致的实现步骤第一步 ...
jquery饼状图插件的指引线_JQuery图表插件Highcharts示例教程
JQuery图表插件Highcharts示例教程,先上图,大伙Show一下效果:先上三个图,分别是曲线.柱状.扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意.下面讲下大致的实现步骤第一步 ...
40个新鲜出炉的 jQuery 插件和免费教程【上篇】转载自：梦想天空
40个新鲜出炉的 jQuery 插件和免费教程[上篇] 转载于:https://www.cnblogs.com/chenjunLovefan/archive/2012/07/23/2605003.ht ...
FCPX插件:视频去闪烁插件DEFlicker安装教程
FCPX插件:视频去闪烁插件DEFlicker需要安装在final cut pro x mac版中使用,FCPX视频去闪烁插件包含deflicker high speed高速闪烁插件.deflicke ...
mc服务器领地插件配置文件,《我的世界》领地插件领地插件详细使用教程
我的世界是一款自由度非常高的游戏,玩家在游戏中不仅可以一个人自己创造一个世界,也可以在服务器中和大家一起使得这个世界变得绚丽多彩,听上去就非常的吸引人呢!但是服务器中的人十分的繁杂,许多玩家就担心自己 ...
华大多功能四合一HD-100多功能智能卡读写器OCX插件配置使用教程
华大多功能四合一HD-100多功能智能卡读写器OCX插件配置使用教程一.简介二.配置使用三.代码分享一.简介华大HD-100多功能智能卡读写器作为IC卡系统集成必备的前端处理设备,极大地提高 ...
小葫芦直播管家找不到服务器,小葫芦直播管家-开播版，直播插件手动安装教程...
小葫芦直播管家-开播版,直播插件手动安装教程小葫芦直播管家-开播版最新版本支持添加各种直播插件啦!先给大家分享简单快速的添加方法. 注意:准备好32位的OBS Studio插件!可前往小葫芦插件市 ...

clipboard剪贴板插件的使用教程

clipboard 是实现复制文本到剪贴板功能的 JavaScript插件，实现复制剪切功能非常方便

实现效果图

copy图标

复制功能

clipboard剪贴板插件的使用教程相关推荐

最新文章

热门文章