微信小程序的复制功能

场景：最近做的小程序中有一个小功能，就是点击复制功能，记录下

先上效果图：

实现方式：

wxml ：

<view class="viewCopyBg" bindtap="copyAction"><text>复制</text></view>

js：

copyAction(){wx.setClipboardData({data: this.data.orderInfoDetails.orderNo,success: function(res) {wx.showToast({title: '复制成功',})}})}

微信小程序的复制功能相关推荐

微信小程序的复制功能怎么实现的？
1.代码 <button class="copyBtn" wx:if="{{canIUseClipboard}}" bindtap="copyC ...
微信小程序 - 一键复制功能
用到了微信支付的复制功能,简单记录一下(上图上代码) 底下数据是测试用,并不真实功能就是点击复制按钮复制支付单号直接在某个地方(文本.按钮.图片等都行)绑定个点击事件bindtap=" ...
微信小程序怎么长按复制_微信小程序文字复制功能如何实现
北京高端单身圈最美的年华,遇见最美的你点击标题下方蓝字关注男生可以利用微信撩妹子,女生当然可以通过微信撩汉喽. 男生在撩妹子的时候,会采取一系列的撩妹技巧, 让妹子心甘情愿的和自己聊来聊去,慢慢 ...
微信小程序-名片复制功能效果
后台用的是API工厂,感谢. js页面 copy(){wx.setClipboardData({data: this.data.cardUserInfo.ext['微信'],success: func ...
微信小程序实现长摁复制和一键复制功能
微信小程序实现长摁复制和一键复制功能长按复制(一定是text标签) text设置属性 selectable="true" 这样长摁就可以复制了. <text selecta ...
微信小程序点击复制功能
微信小程序点击复制功能 wx.setClipboardData({data: data, // data就是需要复制的数据success: res => {this.onClose() // 复 ...
微信小程序按钮实现点击复制功能的步骤
微信小程序功能篇01 关于微信小程序开发文档中的总结的一些开发经验分享: 点击按钮执行复制操作效果. . 按下粘贴或 Ctrl + V 可以进行粘贴操作复制实现的步骤. 获取要复制的文本数据 let ...
【微信小程序】点击复制功能的实现（常用于分享码，兑换码）
上周的项目中实现兑换功能,用于兑换码比较复制(英文大小写+数字),为方便用户兑换就实现了点击复制的功能效果图: 实现的代码: .wxml页面: <view class='commission' ...
微信小程序-长按复制、一键复制功能
先来说明一下我们需要实现的最终效果: 用户点击之后复制页面内容.参考详情一.长按复制: 长按复制,在微信小程序内的文字无法长按复制,除了text节点以外,但是要在text标签内加一个"se ...

微信小程序的复制功能

微信小程序的复制功能相关推荐

最新文章

热门文章