微信将内容复制到粘贴板

让你明明白白学知识，有代码，有讲解，抄的走，学的会！

在微信中，有2种方式调用粘贴板

自己调用事件实现粘贴复制

需要自己绑定点击事件， 再调用微信的API即可实现

视图层

<view class='copy-order-btn' bindtap="copyOrder">复制单号</view>

逻辑层代码

onReady() {
  // ....  
},
// 自己写的方法
copyOrder() {
  let value = this.data.order.id

  wx.setClipboardData({
    data: value,
    success() {
      // 从剪切板获取内容
      wx.getClipboardData({
        success (res) {
          console.log(res.data) // data
        }
      })
    }
  })
}

在调用 wx.setClipboardData 屏幕中间会弹出 toast 提示"内容已复制"，持续 1.5s

text组件实现粘贴复制

如果使用 text组件 则可以实现长按，将内容复制到粘贴版

视图层

<text selectable>你好啊</text>

这样 就可以实现粘贴复制的功能