简单粗暴 隐藏h5页面在微信端底部出现的白色导航条

前言

相信很多写H5的小伙伴，在H5页面跳转的时候底部会出现微信里自带的导航栏，说实话没什么用处，主要还占用了高度，这时候写的页面和UI就有点出入。这是因为新版微信在苹果iOS 端的h5页面如果有路由跳转，而我们一般跳转路由都是用this.$router.push(’/路径’)，这种方法会跳转到指定url路径，并在history栈中添加一个记录，点击后退会返回到上一个页面，所以底部会出现导航栏，用以调回上一个历史记录的路由。

解决办法

很简单：只需要用this.$router.replace{(}^{\prime }/路{径}^{\prime })代替this.$router.push(’/路径’)就行。因为router.replace跳转到指定url路径，但是history栈中不会有记录。