小程序 - 實現【一鍵復制】功能


小程序 - 實現【一鍵復制】功能

為啥想起使用【一鍵復制】功能?因為個人小程序里,不許加外鏈接,很是頭疼,就想到一鍵復制鏈接,這是我剛寫的一個減一的小程序:

使用【一鍵復制】:

  • wxml 文件:
<view>
官網:<text selectable='true' bindlongtap='copy' >{{url}}</text>
<!-- 注意,上面只是一個提示功能 -->

<button bindtap="copyBtn">一鍵復制</button>

</view>


  • js 文件:
//獲取到小程序實例
const app = getApp()

Page({
  data: {
    //真正拷貝的數據
    url: "https://xpwi.github.io/shike/"
},

 copyBtn: function (e) {
    var that = this;
    wx.setClipboardData({
      //去找上面的數據
      data: that.data.url,
      success: function (res) {
        wx.showToast({
          title: '復制成功',
        });
      }
    });
  }


})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM