不能直接点击列表项复制ID，因uni.setClipboardData要求data必须为字符串、需用户手势触发且H5端无实现；传非字符串或异步未判空会导致静默失败，H5须降级处理并提示用户。
不能直接“点击列表项就复制 ID”，必须显式触发 uni.setClipboardData，且需确保参数是字符串、在用户手势上下文中调用——否则 H5 端静默失败，小程序端可能报错或无响应。
为什么不能在 onTap 里直接写 uni.setClipboardData({ data: item.id })
常见错误是漏掉类型转换和空值校验。item.id 可能是 undefined、null、数字或对象，而 uni.setClipboardData 的 data 参数只接受字符串，传其他类型会静默失败（不报错，但剪贴板没变）。
-
item.id是数字？必须转成字符串：String(item.id)或item.id + '' -
item是异步加载的？要加判空：if (!item || !item.id) return - 在 H5 端调用该 API 时，部分浏览器会拦截非用户主动触发的剪贴板操作——所以必须绑定在
@click或@longpress这类用户事件回调里，不能放在mounted或定时器中
怎么写一个安全可用的复制方法
把逻辑收拢到一个可复用的方法里，兼顾类型、平台、反馈：
copyId(item) {
if (!item || item.id == null) return;
const idStr = String(item.id);
uni.setClipboardData({
data: idStr,
success: () => {
uni.showToast({ title: 'ID 已复制', icon: 'none' });
},
fail: (err) => {
console.warn('复制失败', err);
// H5 端 fallback 提示：可考虑 document.execCommand 或 Clipboard API（需额外兼容）
uni.showToast({ title: '复制失败，请重试', icon: 'none' });
}
});
}
- 模板中绑定：
{{ item.name }} - 不要用
{{ item.id }}直接拼进data，避免渲染时未定义导致异常 - H5 端若发现
fail中 err.code === 'UNAUTHORIZED'，说明浏览器拒绝访问剪贴板——此时无法绕过，只能提示用户手动复制
想让列表项支持长按复制，怎么加
小程序端支持 @longpress，App 端也基本可用，但 H5 不识别该事件。如果目标平台含小程序，这是比点击更自然的交互方式：
- 模板写法：
{{ item.id }} -
selectable="true"是给原生文本选中能力（尤其 App 端），配合@longpress能覆盖更多场景 - 注意：iOS 微信小程序中
@longpress触发有延迟（约 500ms），别和点击冲突；可加防抖或禁用短按
真正容易被忽略的点是：H5 端没有 uni.setClipboardData 的底层实现，它只是个空壳——实际依赖浏览器权限模型。所以只要涉及 H5 发布，就必须接受“复制可能失败”这个事实，不能把它当成 100% 可靠路径。
