【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号的时候就会弹出弹窗"内容已复制"

相关推荐
陈龙龙的陈龙龙3 小时前
uniapp 金额处理组件
前端·javascript·uni-app
xw55 小时前
uni-app项目loading显示方案
前端·uni-app
!win !5 小时前
uni-app项目loading显示方案
前端·uni-app
^Rocky8 小时前
uniapp 实现腾讯云音视频通话功能
uni-app·音视频·腾讯云
moxiaoran575311 小时前
uni-app项目实战笔记5--使用grid进行定位布局
笔记·uni-app
每天都想着怎么摸鱼的前端菜鸟14 小时前
【uniapp】uniapp热更新WGT资源,简单的多环境WGT打包脚本
javascript·uni-app
「、皓子~1 天前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
每天都想着怎么摸鱼的前端菜鸟1 天前
【uniapp】uni.chooseImage在Android 13以下机型第一次调用授权后无权限问题
javascript·uni-app
满分观测网友z2 天前
uni-app 滚动视图scroll-view从入门到精通
uni-app
小妖6662 天前
uni-app bitmap.load() 返回 code=-100
前端·javascript·uni-app