uniapp 复制到剪贴板

第一种方法
直接调用官方给的事件，弊端就是不支持H5

<text class="item-btn" @click="paste(item.spread_url)">复制</text>
paste(value) {
	uni.setClipboardData({
	data: value
	});
}

第二种方法
安装 vue-clipboard2 插件:

npm install vue-clipboard2 --save

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

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard);

在需要的vue页面中调用:

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