博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue项目中实现复制内容到剪贴板
阅读量:4947 次
发布时间:2019-06-11

本文共 516 字,大约阅读时间需要 1 分钟。

项目中要实现分享功能,现在各种接口都关闭了,而且不同的浏览器要使用不同的代码,最后决定直接复制url,然后手动分享

Vue中使用了vue-clipboard2

github地址:

例子:

npm install --save vue-clipboard2

main.js引入

import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)

组件中的代码:

复制链接

copyUrl:想要复制的内容,自定义
onCopy:方法,复制成功后操作
onError:方法,复制失败后操作 下面这个也可以 clipboard.js
vue中我最开始用这个了,不知道为什么,点击没有反应
github地址:

例子:

    
constructor-node
Copy

 

转载于:https://www.cnblogs.com/lst619247/p/11001827.html

你可能感兴趣的文章
2个浏览器窗口间通信
查看>>
docker (centOS 7) 使用笔记3 - 修改docker默认的虚拟网址
查看>>
136. Single Number (Bit)
查看>>
win10环境下mysql5.7压缩包解压安装过程
查看>>
hud 2586 How far away ?
查看>>
JNI NewString
查看>>
QTP日期控件
查看>>
Linux:Ubuntu 14.04 Server 离线安装Jjava8(及在线安装)
查看>>
KMP算法介绍总结
查看>>
eclipse package,source folder,folder区别及相互转换
查看>>
代理模式
查看>>
MySQL数据类型
查看>>
处理date类型对象的方式
查看>>
创建数据库的注意事项
查看>>
开源DataGridView扩展(2) 自定义的Button列
查看>>
Codeforces Round #100 E. New Year Garland (第二类斯特林数+dp)
查看>>
laravel PC内部方法调用
查看>>
Activity 工作流配置
查看>>
java学习笔记-JavaWeb篇三
查看>>
类型重命名 typedef
查看>>