uniapp H5实现点击复制_uniapp 公众号 复制

uniapp的H5版是没有复制功能的接口的，可以实现H5版的复制功能有1.引用插件：clipboard 然后使用npm install clipboard --save安装 还是麻烦 2.五花八门的原生js，都不知道用哪个好，看着也是头疼。下面给大家分享一个能在uniapp H5中使用的方法，简单不复杂，复制就能用，亲测有用。哈哈哈

代码如下：

<view class="boxd-item" @click="copyLink(detail.link)">分享链接</view>
1

//将要复制的内容传进去
copyLink(val){
	this.copy(val); //调用copy方法;
},
copy(data) {
    let url = data;
    let oInput = document.createElement('input');
    oInput.value = url;
    document.body.appendChild(oInput);
    oInput.select(); // 选择对象;
    document.execCommand("Copy"); // 执行浏览器复制命令
    // 复制成功提示;
	uni.showToast({
		title: '复制成功',
		icon: 'none',
		duration: 2000
	});
    oInput.remove()
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19