uniapp 复制到剪切板

main.js 引入 Clipboard 

npm install --save v-clipboard

import Clipboard from ‘v-clipboard‘
Vue.use(Clipboard)

来源链接:  https://blog.csdn.net/weixin_39907729/article/details/89211669

                
<!-- #ifdef H5 --> <text class="item-btn" v-clipboard:copy="member_id" v-clipboard:success="(type) => onCopyResult(‘success‘)" v-clipboard:error="(type) => onCopyResult(‘error‘)">复制 </text> <!-- #endif --> <!-- #ifdef APP-PLUS || MP-WEIXIN --> <text class="item-btn" @click="paste(member_id)">复制</text> <!-- #endif -->

  

paste(value) {
				console.log(value,"111111111")
				uni.setClipboardData({
					data: value,
					 success: function () {
						console.log(‘success‘);
					}
				 
				});
				 
			},
			onCopyResult(type) {
				console.log(type)
				if (type===‘success‘) {
					uni.showToast({
						title:"复制成功",
						icon:"none"
					})
					console.log("复制成功")
				} else {
					console.log("复制失败")
				} 
			},

  

uniapp 复制到剪切板

上一篇:Win10无法开启热点——显示我们无法设置移动热点因为你的电脑未建立以太网。。。。。。


下一篇:Baidu地图SDK 7.0 进行Android 绑定库转换的元数据匹配