Vue cil路由如何回到初始状态

  前景:我们在网页里进入路由的地址后,会发现地址栏中会加上我们的路由地址,这样我就知道当前在哪个位置。但是这样子我们如何手动刷新浏览器,想要浏览器回到根路径的话,是无法直接回去的,因为地址没有更改。再怎么刷新也是路由之后的位置。

  解决办法:我试过几种办法,感觉最简单的办法就是在created 或者 mounted方法中使用路由回到根路径。


   这两个方法是Vue生命周期里面提供的钩子函数,具体请查看https://cn.vuejs.org/v2/guide/index.html

1 <script>
2 export default {
3   mounted() {
4     this.$router.replace('/');
5   }
6 };
7 </script>

 

posted @ 2019-03-21 15:19  房东的Tom  阅读(213)  评论(0编辑  收藏  举报