微信小程序实现的一键复制功能示例
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作粘贴板进行复制操作的相关使用技巧,需要的朋友可以参考下
本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考，具体如下：
微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能
微信小程序中复制一般采用调用 wx.setClipboardData 接口
实现功能如下：
1，.wxml里写一个复制按钮
<button bindtap="copy"> 一键复制 </button>
2, .js里写复制功能
copy: function (e) {
var that = this;
wx.setClipboardData({
data: "这里为复制的内容",
success: function (res) {
wx.showModal({
title: '提示',
content: '复制成功',
success: function (res) {
if (res.confirm) {
console.log('确定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
});
},
如此即可实现复制功能了
wx.setClipboardData 接口详细说明还可参考官方文档：
希望本文所述对大家微信小程序开发有所帮助。