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("复制失败")
				} 
			},

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM