溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

詳解微信小程序之一鍵復制到剪切板

發布時間:2020-10-09 02:26:14 來源:腳本之家 閱讀:383 作者:昌子的前端之路 欄目:web開發

最近在開發小程序項目里遇到一個小難題-----一鍵復制

在網頁開發里 我們可以引用大牛封裝好的復制插件,比如無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里即可。

以上所述是小編給大家介紹的微信小程序一鍵復制到剪切板詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女