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

大佬
大佬

相关推荐
MSTcheng.1 分钟前
【C语言】指针(5)
c语言·开发语言
╮壞孩子的天2 分钟前
C语言多人聊天室 ---chat(客户端聊天)
c语言·开发语言
IT猿手13 分钟前
2025高维多目标优化:基于导航变量的多目标粒子群优化算法(NMOPSO)的无人机三维路径规划,MATLAB代码
开发语言·人工智能·算法·机器学习·matlab·无人机·cocos2d
呱牛do it17 分钟前
Python Matplotlib图形美化指南
开发语言·python·matplotlib
pianmian120 分钟前
python制图之小提琴图
开发语言·python·信息可视化
水瓶丫头站住21 分钟前
Qt中QRadioButton的使用
开发语言·qt
非 白27 分钟前
【Java】代理模式
java·开发语言·代理模式
知识分享小能手33 分钟前
Html5学习教程,从入门到精通,HTML5 简介语法知识点及案例代码(1)
开发语言·前端·javascript·学习·前端框架·html·html5
IT、木易36 分钟前
大白话React第二章深入理解阶段
前端·javascript·react.js
muxue17836 分钟前
go:运行第一个go语言程序
开发语言·后端·golang