vue一键复制

一、下载依赖

npm install --save vue-clipboard2

二、main.js引入

import Vue from 'vue'
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard)

三、使用

<view class="reportData">
		<view class="reportdataTitle">
			<text class="active">前沿简报</text>
			<text>行业数据</text>
		</view>
		<view class="textData">
			{
   
   {textData}}
		</view>
</view>
<view class="duplicate">
		<view class="duplicateButton" @click="onCopy">复制简报</view>
</view>

<script>
	export default {
		data() {
			return {
				textData: '吃饭',
			}
		},
		onLoad() {

		},
		methods: {
			onCopy() {
				this.$copyText(this.textData).then(
					e => {
						console.log('复制成功：', e);
						uni.showToast({
							title:'复制成功~'
						})
					},
					e => {
						console.log('复制失败：', e);
						uni.showToast({
							title:'复制失败~'
						})
					}
				)
			}
		}
	}
</script>