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

大佬
大佬

相关推荐
Han.miracle7 分钟前
Java IO 流编程实战
开发语言
skywalk816326 分钟前
编程里碰到的柯里化是什么意思?
开发语言
lly20240631 分钟前
Julia 正则表达式
开发语言
历程里程碑33 分钟前
MySQL数据类型全解析 + 代码实操讲解
大数据·开发语言·数据库·sql·mysql·elasticsearch·搜索引擎
ZC跨境爬虫34 分钟前
Python Django开发者转向微信小程序:从架构理解到第一行代码的完整准备指南
开发语言·python·ui·微信小程序·django
沐知全栈开发35 分钟前
Eclipse 首选项(Preferences)详解
开发语言
Rust研习社1 小时前
Weak 弱引用:如何用 Weak 打破 Rc 与 Arc 的循环引用
开发语言·后端·rust
iCxhust1 小时前
在 emu8086 中可以直接编译运行的完整汇编程序,演示数组的定义、遍历、求和、求最大值。
开发语言·前端·javascript·汇编·单片机·嵌入式硬件·算法
JianZhen✓1 小时前
2026前端高频面试题总结(Vue/JS/网络/Webpack/性能优化/手写)
前端·javascript·vue.js
Brilliantwxx1 小时前
【C++】认识vector(概念+题目OJ)
开发语言·c++·笔记·算法