时间戳

首页 > 解决方案 > Vue URL Route 未在状态更新，但在浏览器中更新

javascript - Vue URL Route 未在状态更新，但在浏览器中更新

问题描述

我正在使用以下代码更改我的 URL：

    this.$router.push({
      path: this.$route.path + this.initialCategoryPath,
    });
    console.log(this.$route.path);

我的网址更改为：www.domain.com/attribute/{{ this.initialCategoryPath content }}

然而，当我记录我的路线时，我仍然只得到 /attribute 部分。

记录当前路线的代码：

console.log(this.$route.path)

任何人都可以帮助我解决为什么 URL 在路由状态下没有更新，但它在 URL 中更新的问题？

标签： javascriptvue.jsurlvue-routerrouter

解决方案

this.$router.push方法将新条目推送到历史堆栈中，因此当用户单击浏览器后退按钮时，他们将被带到上一个 URL。

你不需要添加this.$route.path. 这会将您的路线添加到当前路径。

你可以像这样简单地推动：

this.$router.push({ path: this.initialCategoryPath });

更多信息： https ://router.vuejs.org/guide/essentials/navigation.html

推荐阅读