【Uniapp-Vue3】点击将内容复制到剪切板

具体使用方法在官网:

uni-app官网https://uniapp.dcloud.net.cn/api/system/clipboard.html大致使用方法如下:

javascript 复制代码
// value是需要复制的值
function copyValue (value) {	
	uni.setClipboardData({
		data: value,
		success: res=>{
			// 复制成功逻辑
		},
		fail:err=>{
			// 复制失败逻辑
		}
	});
}

如:点击ID号将ID号复制到剪切板上

设置点击事件,并传入ID值

当我们点击ID号的时候就会弹出弹窗"内容已复制"

相关推荐
lyz2468596 小时前
uniapp vue3 小程序开发注意事项
uni-app
雪芽蓝域zzs11 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人613 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
PedroQue992 天前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
PedroQue992 天前
v0.2.0 架构升级:class + reactive 重塑状态管理
前端·uni-app
CHB4 天前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app
anyup6 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
zhongben123_6 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
天蒙蒙亮7 天前
打安卓apk包+“应用商城”发布
前端·uni-app
ModyQyW7 天前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app