【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 天前
vue3 + uniapp实现点击拨打电话、点击复制、点击导航的方法
javascript·vue.js·uni-app
家里有只小肥猫1 天前
初识uniApp
uni-app
一只月月鸟呀1 天前
uniapp 测试 IPA 包安装到测试 iPhone
ios·uni-app·iphone
香菜的开发日记1 天前
uniapp 系统学习,从入门到实战(六)—— 样式与布局
uni-app
变量人生1 天前
uniapp选中日期移动到中间
前端·javascript·uni-app
溫冬''1232 天前
在 UniApp 中实现中间凸起 TabBar 的完整指南
uni-app
小和尚敲代码2 天前
uniapp中使用leaferui使用Canvas绘制复杂异形表格的实现方法
uni-app·canvas·leafer-game·leafer-ui
海融-二进制旅人3 天前
Uniapp使用大疆SDK打包离线原生插件
uni-app
前端小雪的博客.3 天前
UniApp 使用 u-loadmore 完整步骤
uni-app·uview-ui