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

相关推荐
笨笨狗吞噬者1 小时前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
软希网分享源码1 天前
中英双语言量化交易投资源码/跟单搬砖区块链交易所源码/前端uniapp纯源码+后端
前端·uni-app·区块链·中英双语言量化交易投资源码
小成Coder1 天前
UniApp 如何调用鸿蒙预加载
uni-app·harmonyos·鸿蒙
anyup2 天前
uView Pro 的主题系统有多强大?3 分钟设计 uni-app 企业级 UI 主题
前端·vue.js·uni-app
怀君2 天前
Uniapp——View布局生成图片转PDF
pdf·uni-app
2501_915921432 天前
uni-app一键生成iOS安装包并上传TestFlight全流程
android·ios·小程序·https·uni-app·iphone·webview
久爱@勿忘2 天前
uniapp H5 图片压缩并且转blob
前端·javascript·uni-app
Dashingl2 天前
uni-app 页面传值 报错:TypeError: $t.setAttribute is not a function
前端·javascript·uni-app
橘子编程3 天前
UniApp跨端开发终极指南
开发语言·vue.js·uni-app