首页 > 微信 > 详细

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

时间:2018-11-03 00:59:17      阅读:163      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

使用【一键复制】:

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


})

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

原文:https://www.cnblogs.com/xpwi/p/9898956.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!