美文网首页
Vue-router刷新页面后回到首页

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

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-05-23 09:52 被阅读0次

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


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

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

注意router和route的使用

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

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

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

相关文章

网友评论

      本文标题:Vue-router刷新页面后回到首页

      本文链接:https://www.haomeiwen.com/subject/ylomyrtx.html