1.下载clipboard.js

npm install vue-clipboard2 --save

2.引入，可以在mian.js中全局引入也可以在单个vue中引入

import Clipboard from 'vue-clipboard2';

3.在需要的组件中使用

将复制事件绑定到复制的button上

需要复制的内容

复制插件所携带的一些方法:

												


											
vue 复制文本到剪切板上的更多相关文章
	

    
								
  1. HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
		
    1.执行以下解决方案条件:(这个是原理) ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效:(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制属 ...
    
		
    2. 
						
  2. jquery 一键复制文本到剪切板
		
    <a id="copy" data-clipboard-text="123456">复制文本</a> $(function(){ var ...
    
		
    3. 
						
  3. js兼容安卓和IOS的复制文本到剪切板
		
    1.在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等.现将方法进行总结,如下代码很好对解决了以上问题,适用性强. 2.在文本此处使 ...
    
		
    4. 
						
  4. 用clipboard.js实现纯JS复制文本到剪切板
		
    以前很多人都是用ZeroClipboard.js来实现网页复制内容,火端也是用它.ZeroClipboard是利用flash来实现的,ZeroClipboard兼容性很好,但是由于现在越来越多的浏览器 ...
    
		
    5. 
						
  5. JS复制文本到剪切板
		
    1.首先引入js文件, <script src="dist/clipboard.min.js"></script> 2.初始化 <script typ ...
    
		
    6. 
						
  6. jquery 复制文本到剪切板插件（非 flash）
		
    原创插件,转载请声明出处!!! jquery.copy.js 内容如下: /*! * jQuery Copy Plugin * version: 1.0.0-2018.01.23 * Requires ...
    
		
    7. 
						
  7. Unity3d 复制文字到剪切板及存储图像到相册
		
    游戏中里开发分享功能时用到两个小功能:1.复制一个链接到剪切板供在其他应用粘贴分享使用,2.保存一张二维码图像到相册供发送给其他应用用于分享.但是在unity中无法完成,需要分别开发相应的插件. An ...
    
		
    8. 
						
  8. js 将内容复制到剪切板上
		
    clipboard是将内容复制到电脑的剪切板上,要引入clipboard.js //将'data-clipboard-text' 样式添加到指定的元素上 $("#effects") ...
    
		
    9. 
						
  9. javascript复制内容到剪切板/网页上的复制按钮的实现
		
    javascript复制内容到剪切板/网页上的复制按钮的实现:DEMO如下 <!doctype html> <html> <head> <meta chars ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 使用EF批量新增数据十分缓慢
			
    使用EF来批量新增数据,发现效率非常的差,几千条数据时甚至需要几分钟来执行,迫于无奈使用sql来执行了. 今天偶然看到一篇关于EF的文章,才发觉原来是自己对EF不够了解的原因. 一般新增时我们是将所有 ...
    
			
    2. 
						
  2. Winform的控件以及DataGridView的一般使用
			
    先上学习测试的一些截图 1:获取多个控件上面的值(checkbox,combobox,textbox,radiobutton) 2:获取到选择行的主键ID的value,方便我们进一步CURD 3:获取 ...
    
			
    3. 
						
  3. 一款对Postman支持较好的接口文档生成工具
			
    最近要编写接口文档给测试和前端看,通过网上查阅资料,也认识了很多款接口文档生成工具,比如易文档.ApiPost.ShowDoc.YApi.EoLinker.DOClever.apizza等,通过对这几 ...
    
			
    4. 
						
  4. Socket与WebSocket以及http与https重新总结
			
    Socket与WebSocket以及http与https重新总结 一.Socket 网络中的Socket是一个抽象的接口 ,而是为了方便使用TCP或UDP而抽象出来的一层 ,可以理解为网络中连接的两端 ...
    
			
    5. 
						
  5. mac中使用expect脚本，让iTerms保存密码登录ssh
			
    最近工作中需要使用ssh连接到centos服务器中,以前公司都是直接配的私钥就可以免密登录了.这里还用的密码. 由于,我一直用的是iTerm2,所以在网上搜索了下,找到了一种方案,那就是expect脚 ...
    
			
    6. 
						
  6. Winform中使用FastReport的PictureObject时通过代码设置图片源并使Image图片旋转90度
			
    场景 FastReport安装包下载.安装.去除使用限制以及工具箱中添加控件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...
    
			
    7. 
						
  7. 服务器Oracle数据库配置与客户端访问数据库的一系列必要设置
			
    tips:所有路径请对应好自己电脑的具体文件路径. 一.服务器及Oracle数据库设置 1.刚装完的Oracle数据库中只有一个dba账户,首先需要创建一个用户. 2.配置监听,C:\app\Admi ...
    
			
    8. 
						
  8. GCN python 实现2：利用GCN进行节点分类
			
    参考:https://www.baidu.com/link?url=5oU-O_YQV8DdSTtRkgzsQ_vuwjJHyUOxqeAKhq98ZA5XtvKW8PNQwXgSlr5GpESRqh ...
    
			
    9. 
						
  9. destoon漏洞修复关于 $do->add($post); SQL注入修改
			
    在阿里云漏洞提示查看发现destoon有关于mobile/guestbook.php $do->add($post); SQL注入修改 漏洞名称:Destoon SQL注入 补丁文件:/mobi ...
    
			
    10. 
						
  10. Mysql基础知识--视图
			
    一.视图的操作 为了提高SQL语句的复用性和操作表的安全性,,MySQL数据库管理系统5提供了视图特性. 视图:本质上是一种虚拟表,其内容与真实的表相似,包含一系列带有名称的行和列数据.但是视图并不在 ...
    
			
    11.