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

相关推荐
雯0609~1 天前
uni-app:防止重复提交
前端·javascript·uni-app
2501_915909061 天前
苹果应用加密方案的一种方法,在没有源码的前提下,如何处理 IPA 的安全问题
android·安全·ios·小程序·uni-app·iphone·webview
百锦再1 天前
与AI沟通的正确方式——AI提示词:原理、策略与精通之道
android·java·开发语言·人工智能·python·ui·uni-app
2501_915909061 天前
iOS 项目中常被忽略的 Bundle ID 管理问题
android·ios·小程序·https·uni-app·iphone·webview
2501_915921431 天前
iOS App 测试的工程化实践,多工具协同的一些尝试
android·ios·小程序·https·uni-app·iphone·webview
咸虾米_1 天前
uniapp+unicloud实战项目,九两酒微信小程序商城及后台管理系统前后端部署运行步骤
微信小程序·uni-app·uniapp实战项目·unicloud云开发·vue3后台管理
怀君1 天前
Uniapp——Android离线打包之更换启动屏和App图标
uni-app
柠檬树^-^1 天前
uniapp云对象敏感词校验
uni-app
一条可有可无的咸鱼2 天前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
游戏开发爱好者82 天前
H5 混合应用加密 Web 资源暴露到 IPA 层防护的完整技术方案
android·前端·ios·小程序·uni-app·iphone·webview