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

大佬
大佬

相关推荐
codecrafter1239 分钟前
sh:在 Python 里直接调系统命令
开发语言·python·其他
Luminous.10 分钟前
C语言--day29
c语言·开发语言
逢君学术论文AI写作11 分钟前
Java第24课:会话技术CookieSession
java·开发语言
小小编程路12 分钟前
字符串转数字时,可能会遇到哪些问题?
java·开发语言·算法
许彰午17 分钟前
责任链模式实战——同一个框架里的两种链
java·开发语言·责任链模式
寻道码路19 分钟前
LangChain4j Java AI 应用开发实战(十四):手写 RAG 全流程 - 深入理解每个环节
java·开发语言·人工智能·ai
吴阿福|一人公司31 分钟前
Python 类变量修改的压力测试:高并发场景
开发语言·python
天天进步201537 分钟前
Tunnelto 源码解析 #13:自托管部署:Docker、环境变量、端口规划与单实例限制
开发语言
Csvn38 分钟前
TypeScript:你以为安全的 `JSON.parse` 其实是颗雷 — 运行时类型安全实战
前端·javascript
AI科技星38 分钟前
第三卷:质数王朝志(全卷定稿)
c语言·开发语言·汇编·electron·概率论