uni-app实现点击复制按钮 复制内容

注意:uni.setClipboardData({})里面的data参数 必须是字符串类型这个是大坑

第一种

html 复制代码
<view>{{orderId}}</view> //复制的内容
<button @click="copy(orderId)">复制</button>
javascript 复制代码
copy(value) {
 	uni.setClipboardData({
 	    data: value + '', //	这里是个坑接受字符串类型 value转化为字符串
    	success: function () {
    	//调用方法成功
        console.log('success');
    }
 	})
 }

第二种

html 复制代码
<view >
		{{user_id}}
</view>

<view class="myinvitationcode_rgt" @tap="copy(user_id)">
		<text class="myinvitationcode_rgt_txt">复制</text>
</view>
javascript 复制代码
copy(value) {
		uni.setClipboardData({
			data: value+'', //	这里是个坑接受字符串类型 value转化为字符串
			success: () => {
				uni.showToast({
				title: '复制成功',
				duration: 2000,
				icon: 'success'
					});
				}
		});
}

大佬
大佬

相关推荐
脸大是真的好~3 分钟前
黑马JAVAWeb -Vue工程化 - Element Plus- 表格-分页条-中文语言包-对话框-Form表单
前端·javascript·vue.js
xqlily5 分钟前
Prover9/Mace4 的形式化语言简介(二)
开发语言
程序猿_极客5 分钟前
【期末网页设计作业】HTML+CSS+JS 香港旅游网站设计与实现 (附源码)
javascript·css·html
彩虹下面28 分钟前
手把手带你阅读vue2源码
前端·javascript·vue.js
2501_9304122728 分钟前
如何添加清华源到Conda?
开发语言·python·conda
华洛29 分钟前
经验贴:Agent实战落地踩坑六大经验教训,保姆教程。
前端·javascript·产品
2501_9304122731 分钟前
如何删除Conda中的清华源配置?
开发语言·python·conda
yong999035 分钟前
C++实现LBM模拟Couette流
开发语言·c++
2201_7578308738 分钟前
泛型的细节
java·开发语言·数据结构
缺点内向1 小时前
Java:高效删除Excel中的空白行和列
java·开发语言·excel