微信小程序在一些特定情况下是需要用户可以长按复制或者点击复制一些文字或者数据的,例如商城的快递单号等,这个时候就需要我们使用小程序api来实现这个功能。
实现上述内容,就是使用微信设置剪贴板内容api==》wx.setClipboardData(Object object),如果有讲的不清楚的地方,可以看官方文档。链接地址:https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.html
上图是点击复制的效果,很简单 ,只要拿过来api就能用,代码如下:
// 点击复制
copy:function(e){
let that=this;
wx.setClipboardData({
data: that.data.id, //这个是要复制的数据
success (res) {
wx.getClipboardData({
success (res) {
console.log(res.data) // data
}
})
}
})
},
上面实现的是点击复制,用的是bindtap方法,如果需要实现长按复制,将方法换成bindlongtap即可。