uniapp H5实现点击复制

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()
},
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值