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. IIS错误：在唯一密钥属性“fileExtension”设置为“.json”时，无法添加类型为“mimeMap”的重复集合项
			
    在用visual studio 打开一个asp.net mvc 项目时,ctrl+f5运行,发现页面无法加载图片.js.json文件. 按F12查看错误,发现500错误.打开报错的js文件,提示: I ...
    
			
    2. 
						
  2. css样式篇
			
    list-style list-style-type     设置列表项标记的类型 list-style-position  可设置outside(列表项目标记放置在文本以内,且环绕文本根据标记对齐) ...
    
			
    3. 
						
  3. 回忆C++
			
    内联函数 内联函数适用于函数较为短小的情况. 内联函数存在的意义是:提高程序运行效率. 内联函数的缺点:如果一个内联函数太长且频繁调用,会导致生成的可执行程序较大. 静态链接库会被嵌入到生成的可执行程 ...
    
			
    4. 
						
  4. asp.net core 系列 2  启动类 Startup.CS
			
    学无止境,精益求精 十年河东,十年河西,莫欺少年穷 学历代表你的过去,能力代表你的现在,学习代表你的将来 在探讨Startup启动类之前,我们先来了解下Asp.NET CORE 配置应用程序的执行顺序 ...
    
			
    5. 
						
  5. 那些年我们走过的坑，对Fortify的漏洞进行总结
			
    1.修复方案,过滤引起Log Forging漏洞的敏感字符的公共方法 /** * Log Forging漏洞校验 * @param logs * @return */ public static St ...
    
			
    6. 
						
  6. inndo 表与存储逻辑_1
			
    ------------------------------------------2015-03-03--------------------------------------- 表 : inno ...
    
			
    7. 
						
  7. 11、shell_sed
			
    正则表达式:正则表达式,就是用一种模式,去匹配一类字符串的公式. 正则表达式的解释是用正则表达式引擎来实现的,常用正则表达式引擎有两类: 基本正则.扩展正则.   正则表达式基础: 正则表达式是由一些 ...
    
			
    8. 
						
  8. (导航页)OpenStack-M版-双节点手工搭建-附B站视频
			
    ↓↓↓↓↓↓↓↓视频已上线B站↓↓↓↓↓↓↓↓ >>>>>>传送门 本次搭建采用双节点,离线源搭建, 配置如下 本次搭建采用2台4核4G的虚拟机,也可以改为2核4G ...
    
			
    9. 
						
  9. 解析YAML文件
			
    YamlMapFactoryBean yamlMapFactoryBean = new YamlMapFactoryBean(); yamlMapFactoryBean.setResources(ne ...
    
			
    10. 
						
  10. Flask框架整理及配置文件
			
    阅读目录 Flask目录结构(蓝图) pro_flask包的init.py文件, 用于注册所有的蓝图 manage.py文件,作为整个项目的启动文件 views包中的blog.py,必须要通过sess ...
    
			
    11.