1. 程式人生 > >微信小程式之一鍵複製到剪下板

微信小程式之一鍵複製到剪下板

最近在開發小程式專案裡遇到一個小難題-----一鍵複製

在網頁開發裡 我們可以引用大牛封裝好的複製外掛,比如無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:

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('取消')
        }
      }
})
    }
  });
  }
data裡我這邊是設定成介面給的資料然後賦值到這裡,只要我們點選複製按鈕即可將你要的內容複製到剪下板,從而達到複製效果。

或者也可以在複製的物件裡設定引數。將引數對應值傳到js複製指令的data裡即可。