当前位置:   article > 正文

uniapp:复制(uni.setClipboardData)、粘贴(uni.getClipboardData)

uni.setclipboarddata
<template>
	<view class="content">
		<input type="text" v-model="value" style="width: 700rpx;height: 100rpx;border: 1px solid #007AFF;">
		<button class="button" @click="copy()">复制</button>
		<button class="button" @click="paste()">粘贴</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			}
		},
		methods: {
			// 复制
			copy() {
				uni.setClipboardData({
					data: 'hello',
					success: () => {
						uni.showToast({
							icon: 'none',
							title: '复制成功'
						});
					}
				});
			},
			// 粘贴
			paste() {
				uni.getClipboardData({
					success: (res) => {
						this.value = res.data
					}
				});
			}
		}
	}
</script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39

参考文档:API

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号