vue ios在微信“复制链接“功能怎么实现

  介绍

这篇文章主要介绍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在微信“复制链接“功能怎么实现