微信小程序中实现点击复制的功能

if时光重来

于 2021-04-27 13:03:39 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序

原文链接：https://blog.youkuaiyun.com/ws19900201/article/details/105470895

小程序专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现复制功能的方法。通过使用wx.setClipboardData和wx.getClipboardData API，可以将指定的内容复制到用户的剪贴板上，并通过弹窗提示复制成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

copywxtap: function () {
    
    wx.setClipboardData({
      data: "复制内容",
      success: function (res) {
        wx.getClipboardData({
          //这个api是把拿到的数据放到电脑系统中的
          success: function (res) {
          wx.showToast({
      title: '复制成功',
    })
            console.log(res.data) // data
          }
        })
      }
    })
  },

	<view class="telbox">
        <view class="tel">
          <text class="telname">微信号</text>
          <text class="telnum">1234567894</text>
        </view>
        <view class="moretap" bindtap="copywxtap">
          <text class="fuzhi">复制</text>
        </view>
      </view>