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. ** PC端完美兼容各种分辨率的简便方法 **
			
    原文链接:https://blog.csdn.net/qq_43156398/article/details/102785370 PS:此方法需使用到less或者scss的@变量来支持 以设计图 19 ...
    
			
    2. 
						
  2. <Android Studio> 1.如何APP配置权限
			
    Android Studio必须手动配置权限: 如添加权限 : android.permission.RECEIVE_BOOT_COMPLETED 1.android.permission.WRITE ...
    
			
    3. 
						
  3. 物联网通信 - RESTDemo示例程序（Java版本）
			
    源码下载  -> 提取码  QQ:505645074 Netty的Restful API实现 Get: http://127.0.0.1:8662/test Post http://127.0. ...
    
			
    4. 
						
  4. Writing Your Own Widget（自定义组件）
			
    英文地址:http://dojotoolkit.org/reference-guide/1.10/quickstart/writingWidgets.html#quickstart-writingwi ...
    
			
    5. 
						
  5. Spring Cloud Netflix之Euraka Server注册中心
			
    Spring Cloud简介 Spring Cloud是基于Spring Boot的一套实现微服务架构的生态组件.生态组件中包含Spring Cloud NetFlix,Spring Cloud Fe ...
    
			
    6. 
						
  6. 白话SCRUM 之四：燃尽图
			
    Burn down chart翻译为燃尽图或燃烧图,很形象,是Scrum中展示项目进展的一个指示器.我一直认为用户故事.每日站立会议.燃尽图.sprint review.sprint retrospe ...
    
			
    7. 
						
  7. Mac启动MySQL
			
    启动MySQL服务 sudo /usr/local/Cellar/mysql//bin/mysql.server start 停止MySQL服务 sudo /usr/local/Cellar/mysq ...
    
			
    8. 
						
  8. GCN实现3
			
    参考 : 首先看两篇论文,大概了解一下原理性的东西: GRAPH CONVOLUTIONAL NETWORKS THOMAS KIPF, 30 SEPTEMBER 2016 http://tkipf. ...
    
			
    9. 
						
  9. Jenkins + pipeline + Git + PHP （九）
			
    一.准备环境介绍 192.168.5.71 # gitlab 仓库IP 192.168.5.72 # 开发环境,用于提交代码等 192.168.5.150 # www.leon.com 运行wordp ...
    
			
    10. 
						
  10. 使用GCP_EC2云服务器搭部署网络服务
			
    首先,在此阿里云/腾讯云/华为云购买一个云服务器推荐使用阿里云的 首先链接你的VPS,可以使用X-shell / Putty / SecureCRTPortable 等SSH链接工具 注意:如果不知道 ...
    
			
    11.