uniapp解决不同系统端复制不支持问题

1.安装依赖

npm install clipboard --save

import ClipboardJS from 'clipboard';

//使用clipboard.js库来实现跨平台的复制功能,解决Safari浏览器(苹果设备上的默认浏览器)对uni-app框架的剪贴板功能的支持可能不完整,导致无法在苹果设备上实现复制功能

复制代码
 const clipboard = new ClipboardJS('.copy-btn', {
        text: () => itemData.name
      });

      clipboard.on('success', (e) => {
        uni.showToast({
          title: '复制成功',
          icon: 'none'
        });
        clipboard.destroy();
      });

      clipboard.on('error', (e) => {
        uni.showToast({
          title: '复制失败',
          icon: 'none'
        });
        clipboard.destroy();
      });

      clipboard.onClick(event);
复制代码

 

posted @   歆鱼  阅读(510)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示