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

Posted 2021-01-17 xpwi

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

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

使用【一键复制】：

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


})