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

古城微笑少年丶 2022-09-13 11:21 288阅读 0赞

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

*   *  解决方案

## 解决方案 ##

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b6K5b-G57696I-y_size_20_color_FFFFFF_t_70_g_se_x_16]  
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: '复制成功'
                })
              }
            })
          }
        })
      },

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b6K5b-G57696I-y_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/9d697918315848738db17743cc2e4bd6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序自动换行

*word-break: break-all; ** **在需要换行的view上添加这个样式即可** ![watermark_type_ZmFuZ3poZW5naG...

Love The Way You Lie/ 2024年04月17日 17:26/ 0 赞/ 72 阅读

相关 view 判断显示微信_微信小程序换肤功能

pc或者移动端实现换肤功能还是比较简单的，大致就是需要换肤的css，还有正常的css；把当前皮肤类型存入本地；然后通过js读取并判断当前应该加载哪套css。由于微信小程序没

清疚/ 2023年01月02日 15:25/ 0 赞/ 218 阅读

相关微信小程序复制文字功能

1，微信小程序复制文字功能 ![20201209171911369.png][] 2，注意：方法用view包着，不然可能会点击失效 wxml <view cla

墨蓝/ 2022年12月27日 08:42/ 0 赞/ 237 阅读

相关微信小程序复制功能

wx.setClipboardData({ data: 'data', success (res) { wx.getClip

╰半橙微兮°/ 2022年12月25日 03:00/ 0 赞/ 308 阅读

相关微信小程序实现微信登录功能

想要实现微信小程序登录并与APP的微信登录实现数据想通，首先，需要在微信开放平台将微信小程序进行绑定，从而实现在微信后台能将数据打通。其次是通过微信小程序提供的方法获取微信

落日映苍穹つ/ 2022年12月24日 09:59/ 0 赞/ 425 阅读

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

微信小程序使用wx.setClipboardData实现复制和换行功能解决方案解决方案 ![在这里插入图片描述][watermark_type_Z

古城微笑少年丶/ 2022年09月13日 11:21/ 0 赞/ 289 阅读

相关微信小程序自动换行的实现

微信小程序中的自动换行，实现代码如下： wxml： < view class= 'header'>服务类型 </ view > < view class= 'ff\_an

ゝ一纸荒年。/ 2022年05月28日 11:09/ 0 赞/ 921 阅读

相关微信小程序怎样显示空格和换行

微信小程序里面的换行和空格只能在`<text></text>`里面写，换行是：`\n`空格是：`\t` 先看效果图： ![这里写图片描述][70] ![这里写图片描

梦里梦外;/ 2022年05月26日 09:24/ 0 赞/ 801 阅读

相关微信小程序及uniApp小程序复制剪贴板功能

调用微信小程序api实现 <view class="copyBtn" @click="copyBtn">复制</view> <view>{

女爷i/ 2021年09月23日 05:50/ 0 赞/ 910 阅读

相关微信小程序 - 复制文字功能

1、在对应需要复制相关信息的标签那里绑定事件（使用的标签不固定，可以是text、view等）例子： <view class="item"> <

分手后的思念是犯贱/ 2021年08月19日 17:40/ 0 赞/ 1134 阅读