微信小程序实现的一键复制功能示例
本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考,具体如下:
微信小程序不支持页面复制功能,故要实现某些信息的复制,需要开发复制功能
微信小程序中复制一般采用调用 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 接口详细说明还可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.html
希望本文所述对大家微信小程序开发有所帮助。
相关推荐
kgshuo 2020-09-25
Tomato 2020-09-10
taiyangyu 2020-09-10
CodeAndroid 2020-09-10
small 2020-07-29
sucheng 2020-07-26
zuoliangzhu 2020-07-20
CodeAndroid 2020-07-14
xiaoxubbs 2020-07-04
sucheng 2020-06-25
kgshuo 2020-06-14
意外金喜 2020-06-14
zuoliangzhu 2020-06-14
tianping 2020-06-14
hgzhang 2020-06-14
killgod 2020-06-14
戴翔的技术 2020-06-14
郴州小程序 2020-06-13