vue复制文本 uniApp复制文本

最新推荐文章于 2025-08-11 18:10:46 发布

原创最新推荐文章于 2025-08-11 18:10:46 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

该博客介绍了如何在uniApp中利用Vue实现复制文本到剪贴板的功能。通过创建input元素，设置要复制的文本，然后选中文本并执行复制命令，实现了简单的复制操作。在成功或失败时，会显示相应的提示信息。

vue复制文本 uniApp复制文本

async onCopyFun(){//复制链接 	
	let input = document.createElement('input') //创建input节点
	input.value = “要复制的文本”; // 修改文本框的内容
	document.body.appendChild(input) // 向页面插入input节点
	input.select(); // 选中文本
	try {
		document.execCommand("copy"); // 执行浏览器复制命令
		this.$u.toast("复制成功")
	} catch {
		this.$u.toast("复制失败")
	}
	input.remove()
}