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. c# 移除类中所有事件的绑定
			
    单例中为防止多处注册事件引起异步触发时发生报错,网上找了一圈没找到想要的方法. [异常类型]:ArgumentException[异常信息]:该委托必须有一个目标(且仅有一个目标). 结合网上资料整合 ...
    
			
    2. 
						
  2. Java生鲜电商平台-定时器,定时任务quartz的设计与架构
			
    Java生鲜电商平台-定时器,定时任务quartz的设计与架构 说明:任何业务有时候需要系统在某个定点的时刻执行某些任务,比如:凌晨2点统计昨天的报表,早上6点抽取用户下单的佣金. 对于Java开源生 ...
    
			
    3. 
						
  3. i春秋-“百度杯”CTF比赛 十月场-Login
			
    源码发下提示 尝试登陆 得到个什么鬼, 但是相应包里发现个可疑的东西   //  CTF中的0 和1 这些一般都有套路的 然后在请求头里 改为 1 ##代码审计来了..   分析了半天 后来看了别人的 ...
    
			
    4. 
						
  4. 了解iOS各个版本新特性总结
			
    参考了一下的文章:https://blog.csdn.net/zxtc19920/article/details/54341836 iOS7新特性 · 在iOS7当中,使用麦克风也需要取得用户同意了. ...
    
			
    5. 
						
  5. Struts2  运行流程
			
    Struts2运行流程 1.在web.xml中使用Struts的核心过滤器拦截所有请求. <filter> <filter-name>struts2</filter-na ...
    
			
    6. 
						
  6. Apache:系统找不到指定的文件: No installed ConfigArgs for the service "Apache2"
			
    解决方法: 将以下内容保存成FixApacheError.reg文件(其中红色粗体Apache2改成报错的系统服务名称,如"RTX_HTTPServer"),导入系统注册表 Fix ...
    
			
    7. 
						
  7. 笔记3：MySQL数据库
			
    MySQL 1 基本概念 常见sql命令: show database 查看所有数据库 select now(); 显示当前时间 select version(); 显示当前版本 create dat ...
    
			
    8. 
						
  8. pytest文档30-功能用例与自动化用例完美对接(allure)
			
    前言 做自动化做久了,经常会思考一个问题,到底别人是怎么做的自动化,跟自己的有啥不一样,看过不少书和资料,都是停留在demo的层面. 真正把自动化做的好的大牛又不屑于分享自己的劳动成果,所以大部分情况 ...
    
			
    9. 
						
  9. 201871010126 王亚涛 《面向对象程序设计（Java）》第七周实验总结
			
    ---恢复内容开始--- 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com ...
    
			
    10. 
						
  10. Docker常用命令（五）
			
    一.帮助命令 docker version docker info # 重要 docker --help 可以使用docker COMMAND --help 查看某个命令具体如何使用. 二.镜像命令  ...
    
			
    11.