最近在用uni-app技术做二元项目，遇到一些问题进行整理，希望大家少踩一些坑

在做个人中心的时候有一个需求是这样的，需要将用户ID复制到剪切板 在做复制的时候遇到两个问题： 一个是复制H5不支持 另一个是点击复制图标的时候，整个信息都跳转了，无法单独复制用户ID（原因是冒泡了，加上.stop阻止默认事件就ok了）

以下是复制代码

1、安装 vue-clipboard2 插件

npm install vue-clipboard2 --save

2、安装完成后在man.js中引入

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);

3、在需要的vue页面中调用

html部分

	<view style="height: 52rpx;font-size: 28rpx;color: #97A0B1;margin-top: 24rpx;overflow: hidden;">UID  {{useruid}}
	        <image src="@/static/centerimg/copy.png" style="width: 32rpx;height: 32rpx;margin-left: 16rpx;margin-top: 8rpx;"
					@click.stop="copyUser" v-clipboard:copy="useruid"
					v-clipboard:success="(type) => onCopyResult('success')"
					v-clipboard:error="(type) => onCopyResult('error')">
					</image>
				</view>

js部分

			// 复制用户ID成功提示
			onCopyResult(type) {
				if (type === 'success') {
					uni.showToast({
						title: 'Copy Success',
						icon: 'none'
					})
				} else {
					uni.showToast({
						title: 'Copy Failed',
						icon: 'none'
					})
				}
			},

今天的分享到此结束，欢迎大家评论交流！