待实施的解决方案---微信浏览器中的粘贴功能不好用
时间:2023-04-04 23:23:35
HTML5
制作时间岛的时候,有一种是集体出品。第一个采用它的人会生成一个代码,这个人会把代码分享给其他人。后面的人采用这个代码来采用这个集体产品。我们决定在订单页面和支付页面展示这段代码,但是由于代码是纯数字组成的,不方便记忆,所以有必要具备一键复制的功能。这很容易处理。引入一个插件就好了,忘记叫什么了,以后自己找来加上,然后在页面上写订单识别码:{{detail.identifyCode}}一键复制
用js写两个方法,一个onCopy,一个onErroronCopy:function(e){this.toastText='复制成功';这。$refs.toast.show();},onError:function(e){this.toastText='不能复制文本';this.$refs.toast.show();},至于v-clipboard:copy,就是你要复制的内容,这里我需要复制的订单识别码是detail.identifyCode,所以我要复制的是也是这个,所以复制到手机剪贴板。它非常冗长,执行起来很容易,但是粘贴有问题。贴的不好,有办法实践一下。值得一试。安卓6.7.2版微信不存在该问题。升级小版本号后开始??出现这个问题。怀疑是微信客户端的bug。解决办法其实是有一个不合理的原因,因为如果input或者textarea里面有文字,可以长按,会有一个剪切选项,所以可以在这些form标签里面加一些提示文字,然后直接选中当通过焦点事件Text获得焦点,然后长按出现复制选项。但是,我这边的客户觉得很麻烦,所以我还没有找到好的方法谢谢@seedada