微信小程序使用wx.setClipboardData实现复制和换行功能

徊忆羽菲

于 2021-09-28 16:34:31 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Html Jquery 微信-小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/120532296

Html 同时被 3 个专栏收录

261 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

微信-小程序

48 篇文章

订阅专栏

本文介绍了如何在微信小程序中利用wx.setClipboardData方法实现复杂数据的复制功能，包括多个对象的键值对，并在复制成功后显示提示。通过将数据转化为多行格式并设置到剪贴板，用户可以方便地复制酒店信息等结构化数据。

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

微信小程序使用wx.setClipboardData实现复制和换行功能

- 解决方案

解决方案

在这里插入图片描述
wxml 页面

<button catchtap="copyText">复制</button>

js页面

copyText: function (e) {
    // var copy = e.currentTarget.dataset.copy;  //data-copy传过来的数值
    arr = [
      {
        name: "酒店名称",
        value: "上海国际酒店"
      },
      {
        name: "房间号",
        value: "1231"
      },
      {
        name: "酒店地址",
        value: " 上海市黄浦区南京西路170号"
      }
    ]
    // console.log(`${arr.map(item =>`${item.name}: ${item.value}`).join("\n")}`)
    wx.setClipboardData({
      data: `${arr.map(item =>`${item.name}: ${item.value}`).join("\n")}`,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              title: '复制成功'
            })
          }
        })
      }
    })
  },