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

大佬
大佬

相关推荐
Electron-er8 分钟前
深入解析C语言memcmp函数:内存比较的利器与陷阱(附实战案例)
c语言·开发语言
phltxy11 分钟前
Vue Router:从入门到实战
前端·javascript·vue.js
m0_5312371714 分钟前
C语言-操作符
c语言·开发语言
清水白石00826 分钟前
Python 性能分析实战指南:timeit、cProfile、line_profiler 从入门到精通
开发语言·python
Zhencode34 分钟前
Vue3核心运行时之runtime-core
前端·javascript·vue.js
月光有害35 分钟前
深入解析批归一化 (Batch Normalization): 稳定并加速深度学习的基石
开发语言·深度学习·batch
yaoxin52112337 分钟前
326. Java Stream API - 实现自定义的 toList() 与 toSet() 收集器
java·开发语言
Cosmoshhhyyy43 分钟前
《Effective Java》解读第40条:坚持使用Override注解
java·开发语言
lsx2024061 小时前
HTML 媒体(Media)详解
开发语言
PieroPc1 小时前
用python 写的 Gitee 数据备份工具
开发语言·python·gitee