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

时间:2020-05-16 weixin_41991473 人气:1

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

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

微信小程序中复制一般采用调用 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:/https://img.qb5200.com/download-x/developers.weixin.qq.com/miniprogramhttps://img.qb5200.com/download-x/dev/api/wx.setClipboardData.html

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

加载全部内容