uni.app 复制到剪切板功能的实现方式

最新推荐文章于 2022-10-28 08:22:14 发布

Yan`

最新推荐文章于 2022-10-28 08:22:14 发布

阅读量250

点赞数 2

分类专栏： uni-app

本文链接：https://blog.csdn.net/Y_an_/article/details/118930023

版权

uni-app 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在uni-app中实现点击复制邀请码的功能。通过`uni.setClipboardData`方法，当用户点击视图元素时，可以将邀请码复制到剪贴板。示例代码展示了具体的实现细节，包括成功和失败的回调处理。

摘要由CSDN通过智能技术生成

在这里插入图片描述


```html
<view  v-if="userInfo.p_name||''"  @tap="Cade_copy">
	邀请码：{{userstoreCode}}
	<text class="copy-btn">复制</text>
</view>

// 触发方法
			Cade_copy() {
				uni.setClipboardData({
				    data:this.userstoreCode,
				    success: function () {
				        console.log('success');
				    },
					fail: function () {
					    console.log('复制失败');
					},
				});
				},