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

2022-05-23  本文已影响0人  扶得一人醉如苏沐晨

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


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

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

注意router和route的使用

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读