您的当前位置:首页正文

微信小程序实现的一键复制功能示例

2020-11-27 来源:尚车旅游网

本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考,具体如下:

微信小程序不支持页面复制功能,故要实现某些信息的复制,需要开发复制功能

微信小程序中复制一般采用调用  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

希望本文所述对大家微信小程序开发有所帮助。

显示全文