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. PhantomJS简单使用
			
    PhantomJS下载地址:   http://phantomjs.org/download.html 简单使用: from selenium import webdriver # 要想调用键盘按键操 ...
    
			
    2. 
						
  2. Python进阶----异步同步,阻塞非阻塞,线程池(进程池)的异步+回调机制实行并发, 线程队列(Queue, LifoQueue,PriorityQueue), 事件Event,线程的三个状态(就绪,挂起,运行) ,***协程概念,yield模拟并发(有缺陷),Greenlet模块(手动切换),Gevent(协程并发)
			
    Python进阶----异步同步,阻塞非阻塞,线程池(进程池)的异步+回调机制实行并发, 线程队列(Queue, LifoQueue,PriorityQueue), 事件Event,线程的三个状态(就 ...
    
			
    3. 
						
  3. web前端-js
			
    1. js基础语法 声明变量 var a = 10; 查看变量类型 typeof a; 打印,测试语句 alert(a); #使用弹出框显示 console.log(a);    #使用console ...
    
			
    4. 
						
  4. redis笔记3
			
    redis持久化机制 redis提供了两种持久化策略 RDB RDB的持久化策略: 按照规则定时将内存的数据同步到磁盘 snapshot redis在指定的情况下会触发快照 自己配置的快照规则 sav ...
    
			
    5. 
						
  5. BUUCTF Hack World
			
    有返回 ,基于布尔得盲注这里用到异或注入(个人喜欢这样用)1^0 返回 Hello, glzjin wants a girlfriend.1^1 返回 Error Occured When Fetch ...
    
			
    6. 
						
  6. Google Analytics 学习笔记二 —— GA部署
			
    一.直接部署 直接复制GA跟踪代码 放到所有页面 跟踪代码放到 "head"前面 二.GTM部署方法一 三.GTM部署方法二 Tacking ID 四.测试.参数配置与调优
    
			
    7. 
						
  7. Mac下多版本pip共存
			
    Mac下多版本pip共存 来自于官方的解释, pip是python包管理工具, 该工具提供了对python包的查找, 下载, 安装, 卸载等功能python第三方工具包多数依赖于pip进行安装, 如  ...
    
			
    8. 
						
  8. C语言三种参数传递方式
			
    值传递.指针传递.引用传递 只有在函数调用时,才会为形参分配内存空间,调用结束便会释放. 值传递和指针传递,传递的都是实参的一份拷贝. C语言在线编译器:http://www.dooccn.com/c ...
    
			
    9. 
						
  9. 莫烦TensorFlow_08 tensorboard可视化进阶
			
    import tensorflow as tf import numpy as np import matplotlib.pyplot as plt # # add layer # def add_l ...
    
			
    10. 
						
  10. 洛谷 P1950 长方形_NOI导刊2009提高（2）
			
    传送门 思路 首先定义\(h\)数组,\(h[i][j]\)表示第\(i\)行第\(j\)列最多可以向上延伸多长(直到一个被用过的格子) 然后使用单调栈算出 \(l_i\)和 \(r_i\) ,分别是 ...
    
			
    11.