【前端】如何简单且可靠地实现复制

问题

点击按钮,如何实现复制,要求能够兼容ios、android、web等

解决

引入copy-to-clipboard

js 复制代码
import copy from 'copy-to-clipboard';

handleCopy(){
  copy(anythingYouWantToCopy)
}

好了

补充

之前找怎么实现复制,各种资料各种方法,然后又带来了各种兼容性问题,然后为了解决各种兼容性问题又引出来更多的各种问题...实在是让人头疼

其实手写复制也实现做了一套,但是真要生产上用起来,还是建议引个包,用个方法,简简单单easyeasy就解决了(谁不喜欢偷懒呢狗头)

相关推荐
zy happy17 分钟前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年30 分钟前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_61444 分钟前
学习:JavaScript(5)
开发语言·javascript·学习
533_1 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
蒲公英源码1 小时前
php+vue知识付费系统前后端全套源码
vue.js·php
通往曙光的路上1 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
小阳生煎1 小时前
Vue实现全局设置一个刷新按钮 只刷新当面路由页面 不跳转操作功能
vue.js·vue
小光学长1 小时前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen1 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
jingling5551 小时前
Flutter | 基础环境配置和创建flutter项目
前端·flutter