Vue 地址变化未跳转页面?可能是路由配置问题!
地址变了,但是 Vue 页面并没有跳转?可能是因为你使用了 'vue-router' 进行路由管理,而地址变化并不一定会触发路由跳转。
你可以采取以下两种方法解决:
-
添加路由规则:
在你的路由配置中添加相应的路由规则,使得地址变化后可以正确跳转到对应的页面。例如:
const router = new VueRouter({ routes: [ { path: '/home', component: Home }, { path: '/about', component: About } ] });
确保你已经正确地定义了
path
和对应的component
。 -
监听地址变化事件:
你也可以通过监听
window.onpopstate
或window.addEventListener('hashchange', ...)
等事件,在地址变化时手动触发路由跳转。例如:window.addEventListener('hashchange', () => { const currentPath = window.location.hash.slice(1); // 获取当前路径 router.push(currentPath); // 手动触发路由跳转 });
注意,这种方式需要手动管理路由状态,可能会增加代码复杂度。
具体可以参考 'vue-router' 官方文档:https://router.vuejs.org/
原文地址: http://www.cveoy.top/t/topic/jG99 著作权归作者所有。请勿转载和采集!