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

MFG_666

已于 2023-09-19 16:54:03 修改

阅读量2.1k

点赞数

文章标签： uni-app javascript 开发语言 uniapp复制功能

于 2023-09-19 16:53:53 首次发布

本文链接：https://blog.csdn.net/m0_49714202/article/details/133035660

版权

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

第一种

<view>{{orderId}}</view> //复制的内容
<button @click="copy(orderId)">复制</button>

copy(value) {
 	uni.setClipboardData({
 	    data: value + '', //	这里是个坑接受字符串类型 value转化为字符串
    	success: function () {
    	//调用方法成功
        console.log('success');
    }
 	})
 }

第二种

<view >
		{{user_id}}
</view>

<view class="myinvitationcode_rgt" @tap="copy(user_id)">
		<text class="myinvitationcode_rgt_txt">复制</text>
</view>

copy(value) {
		uni.setClipboardData({
			data: value+'', //	这里是个坑接受字符串类型 value转化为字符串
			success: () => {
				uni.showToast({
				title: '复制成功',
				duration: 2000,
				icon: 'success'
					});
				}
		});
}