当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 微信小程序实现的一键复制功能示例

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

2019年07月23日  | 移动技术网IT编程  | 我要评论
本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考,具体如下: 微信小程序不支持页面复制功能,故要实现某些信息的复制,需要开发复制功能 微信小程序中复制一

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

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

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

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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网