微信小程序：一键复制到剪切板 wx.setClipboardData

86 阅读 0 评论 57 点赞

我是靠谱客的博主灵巧大神，这篇文章主要介绍微信小程序：一键复制到剪切板 wx.setClipboardData，现在分享给大家，希望可以做个参考。

小程序怎么实现类似淘宝的一键复制订单号的需求？微信官方提供了API，如下：

wx.setClipboardData(Object object)

设置系统剪贴板的内容。调用成功后，会弹出 toast 提示"内容已复制"，持续 1.5s。（基础库1.1.0开始支持，低版本需要做兼容处理）。

参数：

属性	类型	说明
data	string	剪贴板的内容（必填选项）
success	function	接口调用成功的回调函数
fail	function	接口调用失败的回调函数
complete	function	接口调用结束的回调函数（调用成功、失败都会执行）

实例代码

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
wx.setClipboardData({
data: '复制的内容',
success: (res)=> {
wx.showModal({
title: '提示',
content: '复制成功',
success: (res)=> {
if (res.confirm) {
console.log('确定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
})