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

问题

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

解决

引入copy-to-clipboard

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

handleCopy(){
  copy(anythingYouWantToCopy)
}

好了

补充

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

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

相关推荐
大数据追光猿5 分钟前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
莫忘初心丶7 分钟前
python flask 使用教程 快速搭建一个 Web 应用
前端·python·flask
横冲直撞de39 分钟前
前端接收后端19位数字参数,精度丢失的问题
前端
我是哈哈hh40 分钟前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
摸鱼大侠想挣钱41 分钟前
ActiveX控件
前端
谢尔登42 分钟前
Vue 和 React 响应式的区别
前端·vue.js·react.js
酷酷的阿云43 分钟前
Vue3性能优化必杀技:useDebounce+useThrottle+useLazyLoad深度剖析
前端·javascript·vue.js
神明木佑44 分钟前
HTML 新手易犯的标签属性设置错误
前端·css·html
老友@1 小时前
OnlyOffice:前端编辑器与后端API实现高效办公
前端·后端·websocket·编辑器·onlyoffice
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的缩略图列表(Thumbnail List)
前端·javascript·vue.js·ecmascript·deepseek