小程序 - 实现【一键复制】功能

小程序 - 实现【一键复制】功能

为啥想起使用【一键复制】功能?因为个人小程序里,不许加外链接,很是头疼,就想到一键复制链接,这是我刚写的一个减一的小程序:

使用【一键复制】:

  • 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: '复制成功',
        });
      }
    });
  }


})

猜你喜欢

转载自www.cnblogs.com/xpwi/p/9898956.html