地址变了,但是 Vue 页面并没有跳转?可能是因为你使用了 'vue-router' 进行路由管理,而地址变化并不一定会触发路由跳转。

你可以采取以下两种方法解决:

  1. 添加路由规则

    在你的路由配置中添加相应的路由规则,使得地址变化后可以正确跳转到对应的页面。例如:

    const router = new VueRouter({
      routes: [
        {
          path: '/home',
          component: Home
        },
        {
          path: '/about',
          component: About
        }
      ]
    });
    

    确保你已经正确地定义了 path 和对应的 component

  2. 监听地址变化事件

    你也可以通过监听 window.onpopstatewindow.addEventListener('hashchange', ...) 等事件,在地址变化时手动触发路由跳转。例如:

    window.addEventListener('hashchange', () => {
      const currentPath = window.location.hash.slice(1); // 获取当前路径
      router.push(currentPath); // 手动触发路由跳转
    });
    

    注意,这种方式需要手动管理路由状态,可能会增加代码复杂度。

具体可以参考 'vue-router' 官方文档:https://router.vuejs.org/

Vue 地址变化未跳转页面?可能是路由配置问题!

原文地址: http://www.cveoy.top/t/topic/jG99 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录