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'
					});
				}
		});
}

大佬
大佬

相关推荐
wbs_scy2 分钟前
C++:unordered_map/unordered_set 使用指南(差异、性能与场景选择)
开发语言·c++·哈希算法
niucloud-admin4 分钟前
本地开发部署——uniapp端站点部署
uni-app
没有bug.的程序员5 分钟前
微服务网关:从“必选项”到“思考题”的深度剖析
java·开发语言·网络·jvm·微服务·云原生·架构
幼稚鬼_Blog10 分钟前
可拖拽悬浮按钮组件支持vue3/vue2
前端·javascript·html
csbysj202010 分钟前
Python3 urllib 使用指南
开发语言
小此方15 分钟前
Re: ゼロから学ぶ C++ 入門(八)类和对象·第五篇:時間计算器
开发语言·c++
无限进步_16 分钟前
C++ Vector 全解析:从使用到深入理解
开发语言·c++·ide·windows·git·github·visual studio
秋邱16 分钟前
Java数组与二维数组:创建、初始化、遍历与实操案例全解析
java·开发语言
前端小怪兽zmy20 分钟前
Vue3实现纯前端语音输入成文字显示
前端·javascript·elementui
wangxingps22 分钟前
phpmyadmin版本对应的各php版本
服务器·开发语言·php