第一种方法

直接调用官方给的事件,弊端就是不支持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('复制失败')
	}
}

Logo

前往低代码交流专区

更多推荐