码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-11-03 02:08:27      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:select   一个   cli   pre   url   XML   功能   button   ble   

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

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

技术分享图片

使用【一键复制】:

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


})

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

标签:select   一个   cli   pre   url   XML   功能   button   ble   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!