微信/头条/百度小程序实现点击复制功能

之前整理过一篇Html5点击复制文本内容效果，详情《js实现点击按钮复制目标内容》，今天公司抖音小程序也需要实现点击复制抖音号的功能，就那微信小程序的源码测试了，结果我笑了！

html:

  <view class="mt15">抖音号:<text>{{dyh}}</text></view>
<view class="copyBtn" bindtap="CopyDyNum">点击复制抖音号</view>

js：

 data: {
dyh:'你需要复制的内容'
},
CopyDyNum: function () {
wx.showToast({
title: '复制成功',
})
wx.setClipboardData({
data: this.data.dyh,
success: function (res) {
wx.getClipboardData({
//这个api是把拿到的数据放到电脑系统中的
success: function (res) {
console.log(res.data) // data
}
})
}
})
},

复制就能用，不用动脑子！

转载请注明来源：微信/头条/百度小程序实现点击复制功能 - Qui-Note

微信/头条/百度小程序实现点击复制功能相关推荐

【微信小程序】点击复制功能的实现（常用于分享码，兑换码）
上周的项目中实现兑换功能,用于兑换码比较复制(英文大小写+数字),为方便用户兑换就实现了点击复制的功能效果图: 实现的代码: .wxml页面: <view class='commission' ...
小程序的点击复制功能和长按复制功能
前言: 在小程序中实现点击复制功能和长按复制功能,主要使用wx.setClipboardData 小程序的复制功能. 官方方法: wx.setClipboardData 小程序的复制功能功能描述设 ...
微信小程序的点击复制功能
wxml如下: <view class="b-button" bindtap='copyUrl' data-id="www.baidu.com">& ...
百度小程序调研微信转百度
1.微信与百度小程序的区别整体框架和微信小程序一致,遵循新建路由页面需要利用创建page模块,不能手动创建,分别有swan(相当于html文件).js.json(页面配置文件).css. html中 ...
苏宁：我们开发百度小程序遇到的那些“坑”
2018年5月,受百度邀请,苏宁首批入驻百度小程序平台.作为微信小程序的开发工程师,我接手了"开荒"百度智能小程序(以下简称百度小程序)的任务,自5月初开发,一个多月就完成了苏宁易 ...
ShopXO开源电商系统源码支持PC+H5支付宝小程序微信小程序百度小程序头条amp；抖音小程序QQ小程序APP等
介绍: ShopXO开源电商体系,国内抢先企业级.支撑PC+H5.支付宝小程序.微信小程序.百度小程序.头条&抖音小程序.QQ小程序.APP等- 支撑多库房.多商户形式运营(组件插件化.即插即 ...
ShopXO开源电商系统源码支持PC+H5支付宝小程序微信小程序百度小程序头条抖音小程序QQ小程序APP等
介绍: ShopXO开源电商体系,国内抢先企业级.支撑PC+H5.支付宝小程序.微信小程序.百度小程序.头条&抖音小程序.QQ小程序.APP等- 支撑多库房.多商户形式运营(组件插件化.即插即 ...
WordPress微信小程序,WordPress百度小程序,WordPressQQ小程序,WordPress今日头条小程序,WordPress抖音小程序,WordPress多端小程序
WordPress微信小程序,WordPress百度小程序,WordPressQQ小程序,WordPress今日头条小程序,WordPress抖音小程序,WordPress多端小程序. WordPre ...
dedecms小程序插件升级到1.4.4（支持百度小程序，微信小程序，头条小程序，QQ小程序，支付宝小程序...）
从2019年6月份开发到现在 dede织梦小程序插件已经升级到1.4.4版本,现在已经支持:微信小程序,百度小程序,头条/抖音小程序,QQ小程序,支付宝小程序. dedecms小程序插件目前主要的功能 ...

微信/头条/百度小程序实现点击复制功能

微信/头条/百度小程序实现点击复制功能相关推荐

最新文章

热门文章