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 @ 2023-09-18 00:40  歆鱼  阅读(471)  评论(0编辑  收藏  举报