如何解决vue在ios微信"复制链接"功能问题

网络编程 2025/2/6 佚名

3 2 1

帝王谷资源网 Design By www.wdxyy.com

这个问题在安卓上是完全没有问题的，可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。

我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接的地址去。

先获取到#号前的路由地址，再手动添加我们的#号和当前项目地址后缀：

在路由router.js里的beforeEach函数写

截取地址

// 重定向功能，为解决ios微信上复制链接功能不能复制到动态路由问题
// 获取地址前段部分，不算参数
 var replaceUrl = window.location.href.split('#')[0] + '#' + to.path;
 var index = 0; // 索引初始化
 // 给replaceUrl拼接参数
 for (var i in to.query) {
  // 判断是否等于第一个参数
  if (index == 0) {
   // 拼接地址第一个参数，添加“"htmlcode">

window.location.replace(replaceUrl); // 重定向跳转 



全部代码




router.beforeEach((to, from, next) => {  
next();
// 重定向功能，为解决ios微信上复制链接功能不能复制到动态路由问题
// 获取地址前段部分，不算参数
var replaceUrl = window.location.href.split('#')[0] + '#' + to.path;
var index = 0; // 索引初始化
// 给replaceUrl拼接参数
for (var i in to.query) {
 // 判断是否等于第一个参数
 if (index == 0) {
  // 拼接地址第一个参数，添加“"复制链接"功能问题的文章就介绍到这了,更多相关vue 微信 ios复制链接内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

vue,微信,ios,复制链接,vue,ios,复制链接

标签：

vue,微信,ios,复制链接,vue,ios,复制链接

帝王谷资源网 Design By www.wdxyy.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

帝王谷资源网 Design By www.wdxyy.com

评论“如何解决vue在ios微信"复制链接"功能问题”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年02月06日

如何解决vue在ios微信"复制链接"功能问题

vue,微信,ios,复制链接,vue,ios,复制链接

js实现时钟定时器

原生JS实现留言板

评论“如何解决vue在ios微信"复制链接"功能问题”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接