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

大佬
大佬

相关推荐
C+ 安口木19 分钟前
vue中监听window某个属性被添加或值的变化
前端·javascript·vue.js
CoderYanger26 分钟前
前端基础-HTML入门保姆级课堂笔记
前端·javascript·css·html
赛博切图仔26 分钟前
qiankun、micro-app、wujie,2025年我们该选谁?
前端·javascript
hsjkdhs39 分钟前
C++之多层继承、多源继承、菱形继承
开发语言·c++·算法
Full Stack Developme1 小时前
Python Redis 教程
开发语言·redis·python
赵庆明老师2 小时前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
qq_4924484462 小时前
Jmeter设置负载阶梯式压测场景(详解教程)
开发语言·python·jmeter
曹申阳2 小时前
1. 使用VSCode开发uni-app环境搭建
ide·vscode·uni-app
im_AMBER2 小时前
Web 开发 27
前端·javascript·笔记·后端·学习·web
ID_180079054732 小时前
京东获取整站实时商品详情数据|商品标题|数据分析提取教程
java·开发语言