原 uniapp实现复制文本的功能

版权声明：本文为博主原创文章，请尊重他人的劳动成果，转载请附上原文出处链接和本声明。
本文链接：https://www.91mszl.com/zhangwuji/article/details/1449

一：页面代码

<view class="cu-form-group">
    <view class="title">用户    id：</view>
    <view class="readonly-color">{{userId}}</view>
    <button class="copy-btn" @click="copyText(userId)">复制</button>
</view>

二：方法（需要注意的是，如果复制失败，需要检查下复制到剪切板的内容是否为字符串，如果不是则需求转为字符串类型）

copyText(value){ // 复制内容
    uni.setClipboardData({
        data: String(value), // 复制内容到剪切板只支持字符串类型，所以这里需要转为string
        success: () => {
	    uni.showToast({
                icon: 'none',
	        title: '内容已复制'
	    });
        },
	fail(){
	    // console.log("55", value);
        }
    });
}

三：效果图