当前位置: 首页 > Web前端 > vue.js

vue的复制粘贴-clipboard.js

时间:2023-03-31 19:28:14 vue.js

点击复制功能主要是通过clipboard.js实现的1.导入clipboard.js,方法如下:第一种直接npm安装:npminstallclipboard--save第二种:(下载地址:https://clipboardjs.com/)2.需要用到的组件中导入引用方法:importClipboardfrom'clipboard';components:{Clipboard},3.添加需要复制的内容例如:ReadNow分析:data-clipboard-text后面是要复制的内容4.添加clicked方法copy(index){varclipboard=newClipboard('.copyStr'+index);clipboard.on('success',e=>{this.$message.success("复制成功");//释放内存clipboard.destroy()})clipboard.on('error',e=>{//不支持复制this.$message.warning("Thisbrowserdoesnotsupportautomaticcopying");//释放内存clipboard.destroy()})},