微信小程序 系统复制粘贴文本

在项目开发,经常会碰到一些文字复制需求,如要复制订单号,文案等

1、长按复制

要想实现长按复制功能,需要在text标签中设置user-select属性

<text user-select="{
   
   {true}}">复制订单号</text>

2、按钮复制

是将固定的内容复制到粘贴板中

wx.setClipboardData({
   data: "复制订单号",
})

调用成功后,会弹出 toast 提示"内容已复制",持续 1.5s参数

如果不使用系统的toast弹框,可以调用wx.hiddenloading(),setClipboardData自带的toast弹框就不会再显示

    wx.setClipboardData({
      data: "复制订单号",
      success: function () {
        wx.hideLoading()
        wx.showToast({
          title: '复制成功',
        })
      }
    })

猜你喜欢

转载自blog.csdn.net/lqw200931116/article/details/123482442