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

(编辑：jimmy 日期: 2024/11/28 浏览：3 次 )

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

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

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

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

上一篇：详解一个小实例理解js原型和继承
下一篇：如何基于vue-cli3.0构建功能完善的移动端架子