uniapp 复制到剪贴板

第一种方法

直接调用官方给的事件，弊端就是不支持H5vue

<text class="item-btn" @click="paste(item.spread_url)">复制</text>

paste(value) {
			uni.setClipboardData({
				data: value
			});
		}

第二种方法

安装 vue-clipboard2 插件:web

npm install vue-clipboard2 --save

安装完成后在man.js中引入:vue-cli

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard);

在须要的vue页面中调用:npm

<text
	class="item-btn"
	v-clipboard:copy="item.spread_url"
	v-clipboard:success="(type) => onCopyResult('success')"
	v-clipboard:error="(type) => onCopyResult('error')">复制
</text>

onCopyResult(type) {
	if (type==='success') {
		this.$msg('复制成功')
	} else {
		this.$msg('复制失败')
	}
}