uniapp复制插件
uniapp 复制插件推荐
clipboard.js
适用于 H5 和小程序平台，轻量级且兼容性较好。通过调用系统剪贴板 API 实现文本复制功能。
uni-clipboard
官方推荐的插件，支持多端（H5、App、小程序）。提供简单 API，如 uni.setClipboardData 和 uni.getClipboardData。
vue-clipboard2
基于 Vue 的剪贴板插件，适合 H5 端。通过指令或方法调用实现复制功能，需在 uniapp 中手动适配。
使用 uni-clipboard 示例代码
// 复制文本到剪贴板
uni.setClipboardData({
data: '要复制的文本',
success: () => {
uni.showToast({ title: '复制成功' });
},
fail: () => {
uni.showToast({ title: '复制失败', icon: 'error' });
}
});
// 从剪贴板读取文本
uni.getClipboardData({
success: (res) => {
console.log('剪贴板内容:', res.data);
}
});注意事项
- 兼容性检查：部分小程序平台可能限制剪贴板权限，需在
manifest.json中配置权限。 - 用户提示：复制操作后建议通过
uni.showToast反馈结果。 - H5 端：需确保页面为 HTTPS 协议，否则剪贴板 API 可能不可用。
替代方案
若需更复杂功能（如图片复制），可结合原生插件或条件编译实现多端适配。例如：
// #ifdef H5
document.execCommand('copy');
// #endif
