uniapp的H5版是没有复制功能的接口的,可以实现H5版的复制功能有1.引用插件:clipboard 然后使用npm install clipboard --save安装 还是麻烦 2.五花八门的原生js,都不知道用哪个好,看着也是头疼。下面给大家分享一个能在uniapp H5中使用的方法,简单不复杂,复制就能用,亲测有用。哈哈哈
代码如下:
<view class="boxd-item" @click="copyLink(detail.link)">分享链接</view>
//将要复制的内容传进去
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()
},