h5页面在新版微信iOS 端出现底部白色导航条

新版微信在苹果iOS 端的h5页面如果有路由跳转，会出现底部白色导航条，出现此情况的原因是：

 由于底部导航栏是因为出现history记录才出现的。使用replace就没有history记录，解决办法
使用history.replace代替history.push

比如Vue中解决方式：
1 . dom跳转：  <router-link  :to="pageUrl"  replace></router-link>

2.  js跳转： this.$router.replace('/pageUrl')

 

-------------------------------------------------------------------------------------------------

vue-router的push和replace的区别

1.this.$router.push()

描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。

2.this.$router.replace()

描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面