微信小程序-点击复制功能
2023-03-07 09:49:29 时间
wxml:
<view class="page">
<view class="template flex-col" wx:for="{{templateList}}" wx:key="{{templateList}}" wx:for-index='idx'>
<view class="title">{{item.Title}}</view>
<view class="content">{{item.TemplateText}}</view>
<view class="copy flex-center" bindtap='copyBtn' data-idx='{{idx}}'>复制</view>
</view>
</view>
js:
//点击一键复制
copyBtn: function (e) {
var that = this;
//当前索引
var currentidx = e.currentTarget.dataset.idx;
console.log(currentidx);
wx.setClipboardData({
//准备复制的数据内容
data: that.data.templateList[currentidx].TemplateText,
success: function (res) {
wx.showToast({
title: '复制成功',
});
}
});
},
备注:
如果想长按复制,那就在 text 中设置 selectable=”true
<view class="content">
<text selectable='true' bindlongtap='copyBtn'>
{{item.TemplateText}}
</text>
</view>
未经允许不得转载:肥猫博客 » 微信小程序-点击复制功能
相关文章
- Windows 11承诺的支持安卓App终于更新了 大神教你如何在国区使用
- HaaS场景式应用学习|阿里云产品精选(十七)
- 重新设计的Windows记事本和Media Player上架
- 移植案例与原理 - XTS子系统之应用兼容性测试套件之二
- 移植案例与原理 - XTS子系统之应用兼容性测试套件之一
- Windows 11今日迎来数个新功能 包括Android应用支持和任务栏改进
- Windows 11设置应用将获重大升级
- 微软 Windows 11 全新现代任务管理器更多曝光功能体验:支持 App 健康、电池健康、新启动项
- HaaS UI基础教学八:JSAPI自动化测试方法
- HaaS UI – 免费开源的轻量级IoT小程序解决方案
- 1 万 Star!基于 Android 平台的开源 Linux 终端模拟器
- HaaS UI小程序解决方案基础教学之一: 快速开始
- 微软筹备Windows 11系统新版本:Win10开始菜单文件夹功能终于回归
- 斗宿-HarmonyOS中APP、组件、组件库的辨析与应用
- 手机在线视频流量对业务速率、小区容量影响分析
- 微软听取用户意见:继续改进Windows 11任务栏 更好用了
- 微软突然暂停Windows 11更新:直言为系统准备更多重磅新功能
- 如何在 Windows 11 中快速安装 Android 原生应用
- 可运行安卓应用:微软正式确认Windows 11更新
- 微软 Windows 10 / 11 月活设备达 14 亿台,90% 财富 500 强企业使用 Teams