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

大佬
大佬

相关推荐
颜酱2 小时前
二叉树分解问题思路解题模式
javascript·后端·算法
炫饭第一名2 小时前
速通Canvas指北🦮——路径与形状篇
前端·javascript·程序员
无责任此方_修行中2 小时前
如何利用 pnpm 的安全控制功能防御 npm 供应链攻击
javascript·npm·node.js
进击的尘埃3 小时前
前端状态管理的本质:从 Vuex 到 Pinia,我们到底在管理什么?
javascript
码路飞3 小时前
GPT-5.3 Instant 终于学会好好说话了,顺手对比了下同天发布的 Gemini 3.1 Flash-Lite
java·javascript
Lee川3 小时前
从回调地狱到同步之美:JavaScript异步编程的演进之路
javascript·面试
进击的尘埃3 小时前
WebSocket 长连接方案设计:从心跳保活到断线重连的生产级实践
javascript
摸鱼的春哥5 小时前
Agent教程15:认识LangChain(中),状态机思维
前端·javascript·后端
明月_清风5 小时前
告别遮挡:用 scroll-padding 实现优雅的锚点跳转
前端·javascript
明月_清风5 小时前
原生 JS 侧边栏缩放:从 DOM 监听到底层优化
前端·javascript