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

大佬
大佬

相关推荐
Hilaku1 天前
给技术团队定规范,为什么 90% 最后都变成了走形式?
前端·javascript·程序员
杜子不疼.1 天前
【C++ 在线五子棋对战】 - 项目介绍与环境搭建
开发语言·c++
50万马克的面包1 天前
C 语言第18讲:预处理详解
c语言·开发语言·windows
LIO1 天前
一套代码,多端并行——uni-app + Vue3 多端开发完全指南
前端·vue.js·uni-app
昼猫1 天前
前端打印分页技术探讨与 PrintomJs 方案
javascript·浏览器
gCode Teacher 格码致知1 天前
Javascript提高:点击飘忽不定的气球,气球爆炸并增加分数-由Deepseek产生
javascript·css·css3
费曼学习法1 天前
React Hooks 闭包陷阱:为什么 useState 拿不到最新值?
javascript·react.js
ChalesXavier1 天前
SSE(Server-Sent Events,服务器发送事件):从协议细节到流式处理实战
javascript
APIshop1 天前
Java 调用阿里巴巴商品详情接口实战指南:完整流程与代码实现
java·开发语言
努力努力再努力wz1 天前
【Qt 入门系列】从应用场景到开发环境:建立对 Qt 的第一层认知
c语言·开发语言·数据库·c++·b树·qt·缓存