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

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。[[点击跳转到网站。]]
今天给大家分享一个小知识点!注意查收!

平时我们再写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页面然后再替换

猜你喜欢

转载自blog.csdn.net/qq_47272950/article/details/117885745