微信小程式之一鍵複製到剪下板
阿新 • • 發佈:2019-01-09
最近在開發小程式專案裡遇到一個小難題-----一鍵複製
在網頁開發裡 我們可以引用大牛封裝好的複製外掛,比如無flash外掛clipboard.js適用移動端,pc端-------
言歸正裝,開啟微信開發文件開啟-APi即可查詢到:
第一個是設定要複製的內容到剪下板,第二個是獲取剪下板的內容,我們要用到的是第一個設定剪下板內容:
1.
<text class="tblin_items_txt" selectable="true">{{detail.taokouling||''}}</text> <!-- 複製的物件--> <view class="tblin_items_btn" bindtap="copyTBL">一鍵複製</view><!-- 複製操作 -->
2.js:
data裡我這邊是設定成介面給的資料然後賦值到這裡,只要我們點選複製按鈕即可將你要的內容複製到剪下板,從而達到複製效果。copyTBL:function(e){ var self=this; wx.setClipboardData({ data: self.data.taokouling, success: function(res) { // self.setData({copyTip:true}), wx.showModal({ title: '提示', content: '複製成功', success: function(res) { if (res.confirm) { console.log('確定') } else if (res.cancel) { console.log('取消') } } }) } }); }
或者也可以在複製的物件裡設定引數。將引數對應值傳到js複製指令的data裡即可。