uni-app实现点击复制按钮 复制内容

注意:uni.setClipboardData({})里面的data参数 必须是字符串类型这个是大坑

第一种

html 复制代码
<view>{{orderId}}</view> //复制的内容
<button @click="copy(orderId)">复制</button>
javascript 复制代码
copy(value) {
 	uni.setClipboardData({
 	    data: value + '', //	这里是个坑接受字符串类型 value转化为字符串
    	success: function () {
    	//调用方法成功
        console.log('success');
    }
 	})
 }

第二种

html 复制代码
<view >
		{{user_id}}
</view>

<view class="myinvitationcode_rgt" @tap="copy(user_id)">
		<text class="myinvitationcode_rgt_txt">复制</text>
</view>
javascript 复制代码
copy(value) {
		uni.setClipboardData({
			data: value+'', //	这里是个坑接受字符串类型 value转化为字符串
			success: () => {
				uni.showToast({
				title: '复制成功',
				duration: 2000,
				icon: 'success'
					});
				}
		});
}

大佬
大佬

相关推荐
Mr_Xuhhh19 分钟前
Java泛型进阶:从基础到高级特性完全指南
开发语言·windows·python
He19550138 分钟前
wordpress搭建块
开发语言·wordpress·古腾堡·wordpress块
老天文学家了1 小时前
蓝桥杯备战Python
开发语言·python
赫瑞1 小时前
数据结构中的排列组合 —— Java实现
java·开发语言·数据结构
初夏睡觉2 小时前
c++1.3(变量与常量,简单数学运算详解),草稿公放
开发语言·c++
升职佳兴2 小时前
C盘爆满自救:3步无损迁移应用数据到E盘(含回滚)
c语言·开发语言
ID_180079054732 小时前
除了 Python,还有哪些语言可以解析 JSON 数据?
开发语言·python·json
cyclv2 小时前
无网络地图展示轨迹,地图瓦片下载,绘制管线
前端·javascript
周末也要写八哥2 小时前
多进程和多线程的特点和区别
java·开发语言·jvm
宁瑶琴3 小时前
COBOL语言的云计算
开发语言·后端·golang