微信小程式複製文字功能
阿新 • • 發佈:2020-12-10
1,微信小程式複製文字功能
2,注意:方法用view包著,不然可能會點選失效
wxml
<view class="invoice-order-item"> <text>訂單編號</text> <view data-text="{{orderNumber}}" bindtap="copywxtap">{{orderNumber}} <text style="color:#777;margin-left:10rpx;">複製</text></view> </view>
js
//複製訂單號 copywxtap: function (e) { console.log(e.currentTarget.dataset.text) wx.setClipboardData({ data: e.currentTarget.dataset.text, success: function (res) { wx.getClipboardData({ //這個api是把拿到的資料放到電腦系統中的 success: function (res) { console.log(res.data) // data wx.showToast({ title: '複製成功', }) } }) } }) },