微信小程序自带功能设置剪贴板内容复制

749 阅读1分钟

image.png

在微信小程序中,你可以使用wx。setClipboardData API用于将文本(包括数字)复制到系统剪贴板。下面是一个例子,你可以使用这个API来复制一个数字到剪贴板当一个按钮被点击

在本例中,该页的数据中有一个numberToCopy属性,其中包含要复制的数字。点击按钮时调用copyNumber函数,它使用wx。setClipboardData将数字复制到剪贴板。传递给wx的对象的data属性。setClipboardData必须是一个字符串,所以我们在传递数字之前调用toString。如果复制成功,则使用wx.showToast命令显示toast消息。
您可以在页面的WXML模板中添加一个按钮,并将其bindtap事件绑定到copyNumber函数,以便在点击时触发复制操作

```
<button bindtap="copyNumber">Copy Number</button>
```  

 copyNumber(e){
    let wechat = e.currentTarget.dataset["wechat"]
    wx.setClipboardData({
      data: wechat.toString(),
      success(res) {
        wx.showToast({
          title: 'Copied to clipboard',
          icon: 'success',
          duration: 2000
        })
      }
    })
  }