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

2019/6/26 23:06:39

编程Tag： 微信小程序一键复制

本文主要是介绍微信小程序实现的一键复制功能示例，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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

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

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

这篇关于微信小程序实现的一键复制功能示例的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

相关编程文章