微信小程序-實現按鈕複製文本功能及解決取消默認提示【內容已複製】問題

需求:

      點擊下方複製按鈕，實現複製該條記錄中的“content ”值；

 

代碼如下：

//chat.wxml 
<view data-content="{{item.content}}" class="1" bindtap="copyNotice" style="">
</view>

//chat.js
 copyNotice: function(e) {
    console.log("所複製的通知內容：", e.currentTarget.dataset.content);
    wx.setClipboardData({
      data: e.currentTarget.dataset.content,
      success: function(res) {
        wx.getClipboardData({
          success: function() {
            wx.showToast({
              title: '複製成功',
            })
          }
        })
      }
    })
  },

解析：

      1、設置系統剪貼板的內容：wx.setClipboardData(Object)

      2、獲取系統剪貼板內容：wx.getClipboardData(Object)

注意：

在使用wx.setClipboardData設置success後，你會發現，api自帶的彈窗提示【內容已複製】，設置自己的提示框時，會出現默認自帶的提示框先閃一次的問題；如何解決優化？

一、要麼取消自定義提示效果；採用原生提示；

  copyNotice: function(e) {
    wx.setClipboardData({
      data: e.currentTarget.dataset.content,
      success: function(res) {
        wx.getClipboardData({
          success: function() {   
          }
        })
      }
    })
  },

二、要麼就想辦法隱藏掉自帶的複製成功消息提示；

但是我好像都嘗試過了，網上教程說的在設置setClipboardData成功後，加上wx.hideLoading()或者wx.hideToast()；暫時沒有隱藏掉；暫時我是沒有解決，看你們的了，或者等官方團隊進行調整。

如下附上：微信官方團隊給出的公告：iOS 2.0.0 基礎庫剪貼板提醒問題處理

❤如果文章對您有所幫助，就在文章的右上角或者文章的末尾點個贊吧！(づ￣ 3￣)づ

❤如果喜歡大白兔分享的文章，就給大白兔點個關注吧！(๑′ᴗ‵๑)づ╭❤～

❤對文章有任何問題歡迎小夥伴們下方留言或者入羣探討【羣號：708072830】

❤鑑於個人經驗有限，所有觀點及技術研點，如有異議，請直接回復討論（請勿發表攻擊言論）。