vue 中解决IOS端微信内置浏览器底部前进后退的bar

对于急性子先讲一下解决方案

this.$router.replace('/path')

这样写完。你就会发现跳转后底部不会出现那个该死的白条了 // 后面讲一下原理

讲一下。微信为什么会出现这样的问题

微信内置浏览器自己会监听他会产生历史记录。一开始。我的想法就是隐藏这个东西。各种样式写了太麻烦。

后来想了想原理。是那么回事。就转变了一下思路。我们跳转时不保存历史记录就好了嘛。

也算是百度上找的。window.location.replace('url');   这个方法。对于我们vue来说太麻烦。没有路由跳起来太麻烦

想了想。好像vue的路由也有这个replace。我就试了一下。恩。就成功了。

虽然我知道这个方法不治本。但是也算是最简单的方法吧

 

 

最后感谢一下。尤雨溪大神开发了vue这么好用的框架。

 

本文章为个人记录。和帮助迷途中的小白。大牛们不喜勿喷谢谢