vue 解决微信右上角菜单通过浏览器打开 #号后面参数丢失问题

最新推荐文章于 2024-03-28 10:45:04 发布
最新推荐文章于 2024-03-28 10:45:04 发布
阅读量2k 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iVRJay/article/details/103653959
版权

假如现在有A,B两个页面，B页面需要我们通过浏览器打开

那么在A页面跳转到B页面时，在B页面created生命周期里location.reload(); 一下；

刷新一下B页面，这个时候再右上角浏览器打开页面或者复制网页链接时，#号后面的参数就不会丢失了

 

虽然刷新了一下用户体验不好，但这是最快的解决办法了；

而且周末我也懒得想其他办法了。。。

周末不想码代码！！！

iVRJay
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用...
weixin_34259232的博客
12-15 1006
在ios或android如果直接用webview在打开H5链接例如： 打开：http://localhost:8080/#/answer?id=1509335039582001 会变成 http://localhost:8080/ 造成根本打开不了想要的页面（微信中获取网页授权的时候有#号也会有问题） 解决思路，链接中不写#号 打开后跳转到带#号的路由,把页面路由的代码定义为listT...
微信提示浏览器打开代码——遮罩层提示代码实现！
sanwuzhiwen的博客
12-06 2364
微信中打开链接时，弹出遮罩提示用户，请点击右上角在浏览器中打开如何实现？经搜集整理并且验证可用后总结出可用版本，给有需要的猿友 以下是代码部分： 第一步：判断微信的UA。 var ua = navigator.userAgent; var isWeixin = !!/MicroMessenger/i.test(ua); 第二步：引入默认隐藏层。 <a href="http...
基于vue的h5网页微信分享链接图标丢失问题解决
qq_33315564的博客
11-03 2883
基于vue的h5网页微信分享链接图标丢失问题解决微信JS-SDK说明文档怎样调用微信JS-SDK重点 对于目前的移动互联网，客户端分成了安卓、IOS和h5三大块，为了引流，安卓和ios往往会分享到微信、QQ、微博等社交工具，第一次分享时图标、标题和描述是IOS和安卓配置的，对于web前端所做的分享页无需做任何操作。 但如果我们在微信打开这个链接之后，再次分享出去，分享的描述会变成链接地址，分享的图标也不见了。 查了相关文章，有说直接再网页body标签里面直接写img标签，设置样式，然而并不行，就选择用了
【微信跳转接口】微信引导用户右上角打开浏览器，【干货】
最新发布
m0_57502067的博客
03-28 324
https://download.csdn.net/download/qq15577969/11996508 直接上代码： APP下载页面
记录微信浏览器刷新复制地址链接少了地址和参数问题
weixin_43073383的博客
06-07 221
在微信浏览器中访问 https://域名/项目地址/#/pagesComm/download/download?解决方法就是跳转的redirecturl 加一个时间戳。刷新后复制的是https://域名/项目地址/#/猜想是地址相同触发了bug。
vue如何使浏览器url固定_抓信vue开发插件时如何去掉url中的井号#
weixin_39603622的博客
12-19 474
当url中出现"#"号时，"#"及其后面的字符串都会被浏览器忽略，不会被发送到抓信服务器，所以抓信的token服务器在做身份识别跳转的时候会丢失后面的参数。怎么办呢，要去掉vue中访问地址中的#符号可以在路由器中设置路由模式为history:exportdefaultnewRouter({mode:'history',routes:[{path:'/',name:'Home',comp...
微信右上角弹出的菜单
qq_36551426的博客
05-22 652
        大家在手机应用中都用过很多menu，最直观的就是微信右上角弹出来的＋号菜单。当我们要进行扫码，搜索等操作的时候，都会打开这个菜单。        接下来给大家分享一下这个菜单怎么用。更具体的文章我会在末尾给大家推荐几个blog，在这里我给各位像我一样的新手讲一下大概的用法。        定义menu，要在res文件夹下面创建一个子文件夹（menu），然后右键Menu resour...
vue实现微信浏览器左上角返回按钮拦截功能
10-15
主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
【微信跳转接口】微信引导用户右上角打开浏览器，访问APP下载链接
11-25
【微信跳转接口】微信引导用户右上角打开浏览器，访问APP下载链接，相关文章地址：https://blog.csdn.net/qq15577969/article/details/103236861
基于vue hash模式微信分享#号的解决
10-14
主要介绍了基于vue hash模式微信分享#号的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 解决在微信内置浏览器中调用支付宝支付的情况
01-18
2.给支付页面的url加上调用接口所需的参数（因为在微信里是不能直接调用支付宝的需要调用外部浏览器） 3.在外部浏览器中完成支付跳转页面 第一步： payment: 是选择支付页面，pay-mask是用于在微信内置浏览器中调用...
微信扫码提示在浏览器中打开的遮罩代码解决方式
chchitew87的博客
08-31 1351
由于微信的限制，应用文件在内置浏览器中下载全部被屏蔽掉，造成很多人用微信扫描二维码下载时点击下载按钮没反应，我想到的是做一个提示用户在浏览器中打开下载。 解决方案：弹出一个遮罩，提示用户在浏览器中打开进行下载或者是打开网页 在微信/QQ中打开链接，判断如果是在微信/QQ中打开的，直接弹出一个遮罩，提示用户在浏览器中打开，然后下载app应用。这样子再也不用管微信如何的更新，都可以实现微信中打开浏...
vue路由传参的三种方式以及解决vue路由传参页面刷新参数丢失问题
有梦想的咸鱼前端
09-04 6502
最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下： 方法一：params传参： this.$router.push({ name:"admin", 　　　　//这里的params是一个对象，id是属性名，item.id是值(可以从当前组件或者Vue实例上直接取) ...
微信二次分享 微信浏览器打开页面时 IOS隐藏复制按钮和自定义菜单按钮时失效问题（特殊情况下）
weixin_38401146的博客
11-05 1342
背景 vue项目-开发h5 防止个人信息隐私泄漏 要求html页面开发微信二次分享 只能发送给个人 ,隐藏所有保护类操作，自定义传播类操作, 复制链接/原网页等等 微信开发API，保护类，传播类请查看目录3 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 解决...
vue 解决使用window.open打开新窗口功能导致的session丢失
qq_16932445的博客
02-20 2687
使用window.open方式打开窗口替换为router-link标签 直接看代码： <div class="content-table"> <Table :columns="pipelinecolumns" :data="pipelineList"> </Table> </div> pipelinecolumns: [ { title: 'xxx名称', key: 'name', .
当url中出现“#“号时，“#“及其后面的字符串都会被忽略
weixin_44451790的博客
07-02 2580
url中出现"#“号时，”#"及后面参数为null 解决方法：传参就用escape()函数转义 原理：当url中出现"#“号时，”#“及其后面的字符串都会被忽略，不会被发送到服务器，因为浏览器将一个url视为一个html页面，而”#str"表示该页面的id为str的块(section)，如…，请求被发送到服务器，然后服务器把页面发送到浏览器，并被浏览器解析之后，浏览器在将该页面自动滚动到id为str的section。因为请求的是页面，所以浏览器不会把"#"后面的当成参数发送到服务器，因此服务器收到的该参数值
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用
asdfgh0077的博客
03-04 460
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用
vue调起微信浏览器打开网址
03-30
在Vue中调起微信浏览器打开网址的方法如下： 1. 首先，需要判断是否在微信浏览器内打开网页，可以通过以下代码实现： ```javascript let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值