复制/* 文本复制 */copy(value) { // //提示模板----这里是小程序才会生效的 // uni.showModal({ // content: value, //模板中提示的内容 // confirmText: '复制内容', // success: () => { //点击复制内容的后调函数 // //un_api `setclipboarddata">
赞
踩
<view class="copy-h5" @tap="copy(复制的内容)">复制</view> /* 文本复制 */ copy(value) { // //提示模板----这里是小程序才会生效的 // uni.showModal({ // content: value, //模板中提示的内容 // confirmText: '复制内容', // success: () => { //点击复制内容的后调函数 // //uni.setClipboardData方法就是讲内容复制到粘贴板 // // API `setClipboardData` is not yet implemented // //意思是H5端没有这个接口!!! // uni.setClipboardData({ // data: value, //要被复制的内容 // success: function() { // //重点~做笔记 // //在success中加入uni.hideToast()可以解决 // uni.hideToast({ // title: '复制成功', // duration: 2000, // icon: 'none' // }); // //以下就可自定义操作了~ // }, // fail: function(err) { // uni.showToast({ // title: '复制失败', // duration: 2000, // icon: 'none' // }); // } // }); // } // }); //h5 复制 .copy-h5 let clipboard=new Clipboard('.copy-h5',{ text:function(){ return value; } });//返回复制的内容给到复制面板 clipboard.on('success',function(e){ e.clearSelection();//清楚选中的文字的选择状态 uni.showToast({ icon:"success", title:"复制成功", duration:1500 }) }) clipboard.on("error",function(e){ uni.showToast({ title:'复制失败', icon:'none', duration:1500 }) }) }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。