介绍
这篇文章主要介绍vue ios在微信“复制链接“功能怎么实现,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
这个问题在安卓上是完全没有问题的,可是到iPhone上了就彻底失效了。因为ios微信对vue路由中的#号识别问题。
我的解决办法是在初始进入项目时重新拼接项目地址,再重定向到拼接的地址去。
先获取到#号前的路由地址,再手动添加我们的#号和当前项目地址后缀:
在路由路由器。js里的beforeEach函数写
截取地址
//,重定向功能,为解决ios微信上复制链接功能不能复制到动态路由问题//,获取地址前段部分,不算参数 ,var replaceUrl =, window.location.href.split (& # 39; # & # 39;) [0], +, & # 39; # & # 39;, +, to.path; ,var index =, 0,,//,索引初始化 ,//给replaceUrl拼接参数 ,for (var 小姐:拷贝to.query), {//才能,判断是否等于第一个参数 if 才能;(index ==, 0), {//,,,拼接地址第一个参数,添加“?”号 ,,replaceUrl +=, & # 39; ? & # 39;, +,小姐:+,& # 39;=& # 39;,+,to.query[我] ,,},{else //,,,拼接地址非第一个参数,添加“,”号 ,,replaceUrl +=, & # 39;, & # 39;, +,小姐:+,& # 39;=& # 39;,+,to.query[我] ,,} ,,指数+ +,//,索引+ + 以前,}>重定向跳转
window.location.replace (replaceUrl);,//,重定向跳转全部代码
router.beforeEach((下),,,,,=祝辞,{,, next ();//,重定向功能,为解决ios微信上复制链接功能不能复制到动态路由问题//,获取地址前段部分,不算参数 var replaceUrl =, window.location.href.split (& # 39; # & # 39;) [0], +, & # 39; # & # 39;, +, to.path; var index =, 0,,//,索引初始化//,给replaceUrl拼接参数 for (var 小姐:to.query拷贝),{ ,//判断是否等于第一个参数 ,if (index ==, 0), {//,才能拼接地址第一个参数,添加“?”号 replaceUrl 才能+=,& # 39;? & # 39;,+,小姐:+,& # 39;=& # 39;,+,to.query[我] ,}else {//,才能拼接地址非第一个参数,添加“,”号 replaceUrl 才能+=,& # 39;,& # 39;,+,小姐:+,& # 39;=& # 39;,+,to.query[我] ,} ,指数+ +,//,索引+ + }//,console.log (& # 39; test20190117: & # 39;, +, to.meta.title,, replaceUrl); window.location.replace (replaceUrl);,//,重定向跳转//,重定向功能- - - - - -结束 });以上是“vue ios在微信“复制链接“功能怎么实现”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
vue ios在微信“复制链接“功能怎么实现