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