vue-router刷新页面后回到首页

Posted 2021-07-18 老张在线敲代码

今天给大家分享一个小知识点！注意查收！

平时我们再写vue项目配置完路由之后会发现他不会自动回到首页，解决方法很简单，加个判断就可以啦!

在App.vue中直接写入以下代码

在created钩子函数中判断当前路由地址是否在首页home，如果不在则替换为home页面

created() {
      if (this.$router.path !== "/home")
        this.$router.replace("home")
    }

此处用created而不用mounted的原因如下

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

因此为了让浏览器减少负载，在刷新页面的时候直接让他替换到另一个页面，而不是先加载出home页面然后再替换