vue+h5微信公众号ios系统底部导航栏处理

源码不是我开发的，但是目前由我维护的一个公众号项目；
当时看到发布的任务描述以及优先级的时候，说实话有点懵，第一反应是有什么功能有啥问题，因为我用的华为手机，不会出现下面的回退前进导航栏，在微信开发者工具里面也不会出现这个，然后让同事再现了一下；说是客户提出来的为什么ios下方的回退，退不到公众号对话页或者是退出公众号回到微信页，微信内置浏览器自己会监听他会产生历史记录就会出现导航栏；
解决办法
这个有讲加在第一页的回退，我还没试https://blog.csdn.net/Mr_Ch1023/article/details/108448217
1.在页面到达关注的二维码页面，点击回退按钮直接关闭页面，从公众号进去的填写信息的就会跳到公众号对话页，扫码填写信息的就会回到微信页；（二维码页面是最后一页，本来想加在第一页的回退上，然后发现刷新页面就404了，具体原因不详，第一页进入的时候有获取用户的openid）

 mounted() {this.back()},methods: {//监听微信自带的返回按钮//写入空白的历史记录pushHistory() {//写入空白历史路径let state = {title: 'title',url: '#'}window.history.pushState(state, state.title, state.url)},back() {this.pushHistory()  // 用了这个方法后页面刷新会页面404，我就把这一行注掉了，就不会404可以正常刷新window.addEventListener('popstate',function (e) {// 微信浏览器内置WeixinJSBridge函数可以直接使用WeixinJSBridge.invoke('closeWindow', {}, function (e) {})},false)}},

2.我有想过把导航栏隐藏起来，但是并部太行（实现了的小伙伴可以留言，感谢！！！！）
本想写一个div把导航栏盖住，太天真了，而且工作量更大了

WeixinJSBridge的隐藏函数
WeixinJSBridge.call(‘hideToolbar’); //隐藏右下面工具栏（起初以为这个函数可以隐藏然而并不行）
WeixinJSBridge.call(‘showToolbar’); //显示右下面工具栏
WeixinJSBridge.call(‘hideOptionMenu’); //隐藏右上角三个点按钮。
WeixinJSBridge.call(‘showOptionMenu’); //显示右上角三个点按钮。
this.$router.replace('/path')  // 只有2页且没有其他需求的应该可以用这个，多个页面的话点击回退会到上上一页

因为项目是投入使用的，所以需要改动很多的实现方法就没考虑！！！！！！！

vue+h5微信公众号ios系统底部导航栏处理相关推荐

vue h5微信公众号授权获取用户信息
vue h5微信公众号授权获取用户信息 1.申请测试账号 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 2.修改网页授权 ...
vue 在微信公众号里使用支付宝支付（h5支付宝支付）
vue 在微信公众号里使用支付宝支付(h5支付宝支付) 需求:在微信公众号里面支持支付宝支付. 思路:微信是不能直接调用支付宝的,所以我们需要使用一个中间页提示用户在浏览器中打开,然后进行支付宝网页或 ...
记录一次用vant框架做h5微信公众号
这次是用vant框架做一个h5微信公众号,是在我一同事封装的基础上开发的.封装的项目在gitee上的地址:湖南巨仑网络科技有限公司/vant-H5移动端封装 - Gitee.com.内容有底部导航的, ...
vue开发微信公众号可视化配置菜单
vue开发微信公众号可视化配置菜单其实一开始我也是懵逼的,我搞不懂微信公众号后台其实已经很好用了,为什么还需要开发一个模仿微信公众号后台的系统呢?而且微信公众号可以绑定多个运营者,都可以和管理员一样 ...
微信公众号答题怎么做_分享微信公众号在线答题系统使用方法
微信公众号在线答题系统注意事项,微信公众号在线答题系统虽然制作简单,但是有几个地方特别要注意一下,不然会出错的.其一:题库题目的数量,一定要确保题库数 > (每天答题数*活动天数) .其二,微信 ...
微信公众号报修系统常见通用功能开发
微信公众号报修系统常见通用功能开发 51报修系统是一款基于微信的用户报修.维修师傅接单.公司进行管理的一站式维修服务平台,实现报修.派单.接单.支付.评价.回访等功能.涵盖了各类生活维修服务,包括水电 ...
H5微信公众号，如何在页面点击按钮打开分享面板【求助】
1.使用了weixin-js-sdk,只实现了自定义右上角的分享功能安装命令: npm install weixin-js-sdk --save import wx from 'weixin-js- ...
微信公众号挂号系统，处方笺功能全新上线民营门诊看过来
微信公众号挂号系统,让门诊管理更有层级条理性,使用更便捷,一般分为三个使用端. 用户端:为用户提供预约.支付.查询等服务医生端:医生查询自己门诊下的预约数据总管理端:统筹管理--用户端资源分配.系 ...
酒店开发微信公众号预订系统有哪些好处?
许多酒店企业都利用微信公众号开展线上业务,建立了预订系统. 为什么这些酒店选择了微信公众号呢?酒店开发微信公众号预订系统有哪些好处? 至少有以下5点好处: 1. 微信本身流量巨大,而搜一搜可以给公众号 ...

vue+h5微信公众号ios系统底部导航栏处理

vue+h5微信公众号ios系统底部导航栏处理相关推荐

最新文章

热门文章