uniapp中使用拷贝，复制粘贴功能，uniapp，隐藏软键盘

本来是想做分享的呢，后来想着直接让用户点击复制然后吧当前地址搞到系统的粘贴板上，让用户自己去粘贴分享
就用到了uniapp的自带api

uni.setClipboardData(OBJECT)
uni.setClipboardData({data: 'hello',success: function () {console.log('success');}
}

但有个小问题就是他复制完成之后好像会自动弹出一个内容已经复制。还会吧软键盘弹起来这个就很难受了
需要我们自己把它们全都给隐藏了

let url = window.location.hrefuni.setClipboardData({data: url,showToast: false,success: () => {uni.hideToast();   // 隐藏弹出提示uni.hideKeyboard();   //  隐藏软键盘this.$refs.uToast.show({title: '地址已经复制，请直接粘贴进行分享即可',type: 'success',url: '/pages/user/index'})}});

这样就可以。
关注我。持续更新前端知识。

uniapp中使用拷贝，复制粘贴功能，uniapp，隐藏软键盘相关推荐

VMWare中Ubuntu虚拟机复制粘贴功能失效问题
安装了VMware Tools之后,仍然不能在Windows和虚拟机之间复制粘贴. 解决办法: sudo apt-get autoremove open-vm-tools sudo apt-get i ...
swt中提供的复制粘贴功能.
相关类介绍 1.org.eclipse.swt.dnd.Clipboard setContents(Object[] data, Transfer[] dataTypes, int clipboard ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
uni-app中checkbox-group实现全选功能
uni-app中checkbox-group实现全选功能功能描述: 点击全选框,选项全被选中,再次点击,选项全不被选中全选框选中状态下,取消任一选项,全选框不被选中,并且在全选框不被选中的状态下, ...
clipboard + element-ui +vue 实现复制粘贴功能与提示
结合 clipboard.js 实现复制.粘贴功能剪切功能参考官方文档,个人认为用不太上(有富文本编辑器的时候可能才用得上,也或许不需要自己实现) 想要知道怎么使用,优先参考官方文档(如何指定要复制 ...
软件测试面试题-如何测试复制粘贴功能
复制粘贴是电脑最普遍的两个操作了,在面试的过程中,有学生被问到如何测试复制粘贴功能的时候,我个人觉得你可以这样去回答更多学习资源,公众号主页点击领取资料查看我评论区置顶首先,这道题目你甚至可以发 ...
Windows下Ubuntu子系统，开启复制粘贴功能方法
Windows下Ubuntu子系统,开启复制粘贴功能方法问题我在Microsoft Store下载了Ubuntu后,进入系统发现复制粘贴不上去解决方法右键单击我们打开的Ubuntu终端顶部,下 ...
打开Windows Powershell的属性选项，并开启复制粘贴功能
由于Windows Powershell中的快捷键Crtl+C是终止命令而非复制命令,因此复制粘贴功能缺失,以下介绍如何打开Windows Powershell的复制粘贴功能. 首先,以管理员身份运行 ...
vue element 表格内的复制粘贴功能
最近项目里面为了方便用户增加了复制粘贴功能来更方便的处理数据要求如下: 点击复制把此条的数据复制点击粘贴粘贴到最后一行复制粘贴按钮做个权限该出现的出现不该出现的消失 <el- ...

uniapp中使用拷贝，复制粘贴功能，uniapp，隐藏软键盘

uniapp中使用拷贝，复制粘贴功能，uniapp，隐藏软键盘相关推荐

最新文章

热门文章