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

大佬
大佬

相关推荐
qq_416018724 分钟前
设计模式在C++中的实现
开发语言·c++·算法
Evand J7 分钟前
【MATLAB教程】在matlab中,gscatter和scatter两个命令的区别
开发语言·matlab·教程·绘图·命令·教学
终端鹿16 分钟前
Vue3 核心 API 补充解析:toRef / toRefs / unref / isRef
前端·javascript·vue.js
英俊潇洒美少年18 分钟前
vue的事件循环
前端·javascript·vue.js
GISer_Jing19 分钟前
Next.js全栈开发实战与面试指南
前端·javascript·react.js
2301_7765087223 分钟前
C++与机器学习框架
开发语言·c++·算法
进击的尘埃23 分钟前
WASM 替代服务端的场景探索
javascript
Albertbreak28 分钟前
STL容器内部实现剖析
开发语言·c++·算法
2301_7957417931 分钟前
模板编译期机器学习
开发语言·c++·算法
qq_4160187241 分钟前
模板错误消息优化
开发语言·c++·算法