微信小程序 - 一键复制功能

用到了微信支付的复制功能，简单记录一下(上图上代码)
底下数据是测试用，并不真实
功能就是 点击复制按钮复制支付单号

直接在某个地方(文本、按钮、图片等都行)绑定个点击事件bindtap="copyBtn"
把你需要复制的内容传到后台去data-ordernum="{{需要复制的内容}}"

<!-- .wxml -->
<text class='copy-btn' data-ordernum="{{item.orderNumber}}" bindtap='copyBtn'> 复制</text>

然后在 .js 文件中写方法：如下
data：写你需要复制的内容
data: e.currentTarget.dataset.ordernum

// 一键复制事件copyBtn: function(e) {wx.setClipboardData({data: e.currentTarget.dataset.ordernum,success: function(res) {wx.showToast({title: '复制成功',});}})}

就。没了。

微信小程序 - 一键复制功能相关推荐

微信小程序一键置顶操作详解：
微信小程序一键置顶操作详解: 第一种方式:采用scroll-view滚动视图实现第二种方式,直接用view实现第一种方式:采用scroll-view滚动视图实现下面是代码简介: wxml文件代码 ...
织梦微信小程序一键生成插件(资讯案例模板），整合织梦CMS一切数据信息
<织梦微信小程序一键生成插件(资讯模板)>是织梦58发布的便于生成微信小程序的插件,让用户更方便生成资讯类小程序. 版本:1.1(当前1.0版本,下载安装之后可以进行更新升级) 使用该插件 ...
最新开源微信小程序一键开发平台源码支持15大功能模块+完整前后端+搭建教程
分享一个开源微信小程序一键开发综合平台源码,系统支持15大小程序功能模块,涉及各行各业,含完整前后端+详细搭建部署教程. 系统特色功能一览: 1.全新重构升级功能后端文件和前端文件: 2.整套源码已经 ...
记录一下微信小程序-一键复制链接功能
记录一下微信小程序-一键复制链接功能 //首先是小程wxml文件<button bindtap="copyBtn" data-id="下载链接" clas ...
基于uni-app实现微信小程序一键登录和退出登录功能
起因目前正在使用uni-app开发一个微信小程序,开发到登录模块时通过查阅uni-app官方教程.微信小程序官方文档.网上的教程终于是实现了微信小程序的登录模块,现总结分享给大家,共同学习. 总体思 ...
微信小程序一键拨打电话
微信小程序中一键拨打电话可以使用提供的API接口:wx.makePhoneCall,下面是详细示例: wxml中: <button bindtap="to_call"> ...
微信小程序一键登录功能，使用uni-app和springboot（JWT鉴权）
目录概述微信登录接口说明关于获取微信用户的信息前端代码(uni-app) 后端代码(SpringBoot) 配置文件:application.yml 配置文件:Pom.xml 类:WeChat ...
微信小程序手机号一键登录--获取用户手机号--微信小程序一键登录
前提:现在微信小程序登录我参考了几个大的公司的登录,基本分下面几种 1.微信用户一键登录,授权用户基本信息,不获取手机号 2.微信手机号一键登录,根据手机号去关联在其他平台数据,用手机号关联.然后再调 ...
告别繁琐滑动，微信小程序一键回到顶部功能
前言在日常使用微信小程序时,你是否曾经遇到过翻页疲劳的问题?或者在滑动页面时不断滑动才能回到顶部的尴尬情况?如果是这样,那么你一定不想错过今天的文章.我将为大家介绍一种简单而实用的方法,让你轻松实现 ...

微信小程序 - 一键复制功能

微信小程序 - 一键复制功能相关推荐

最新文章

热门文章