h5页面在新版微信iOS 端出现底部白色导航条
新版微信在苹果iOS 端的h5页面如果有路由跳转,会出现底部白色导航条,出现此情况的原因是:由于底部导航栏是因为出现history记录才出现的。使用replace就没有history记录,解决办法使用history.replace代替history.push比如Vue中解决方式:1 . dom跳转:<router-link :to="pageUrl" replace>...
新版微信在苹果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可为正数可为负数。正数返回上一个页面
更多推荐
所有评论(0)