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

大佬
大佬

相关推荐
add45a9 分钟前
C++中的观察者模式
开发语言·c++·算法
该怎么办呢18 分钟前
Source/Core/Event.js
开发语言·javascript·ecmascript·cesium
似水明俊德19 分钟前
04-C#.Net-委托和事件-面试题
java·开发语言·面试·c#·.net
johnrui35 分钟前
集合与树形结构
开发语言·windows
赵锦川39 分钟前
大屏比例缩放
前端·javascript·html
该怎么办呢1 小时前
Source/Core/DeveloperError.js
开发语言·javascript·ecmascript
小璐资源网1 小时前
Java 21 新特性实战:虚拟线程详解
java·开发语言·python
m0_569881471 小时前
基于C++的数据库连接池
开发语言·c++·算法
.select.1 小时前
c++ auto
开发语言·c++·算法