微信小程序 长按文字复制与按钮复制

1. 长按文字复制

当要实现长按文字进行复制的时候，需要使用text标签，并将selectable属性设置为true

<text class=\'url-txt\' selectable=\'true\'>{{url}}</text>

 

2. 按钮复制

可使用按钮进行快捷复制，使用wx.setClipboardData API

<!--.wxml文件-->
<text class=\'url-txt\' selectable=\'true\'>{{url}}</text>
<button bindtap=\'onClick\'>复制</button>

// .js文件
onClick: function (e) {
    var that = this;
    wx.setClipboardData({
      //准备复制的数据
      data: that.data.url,
      success: function (res) {
        wx.showToast({
          title: \'复制成功\',
        });
      }
    });
  }