是否存在忽略*failure:避免冗余导航到当前位置的错误，使用Vue路由器并刷新页面？

2024-06-02 09:32| 来源: 网络整理| 查看: 265

我看到这个问题在这里被问了几次，但在目前的情况下，没有任何一个答案对我有真正的帮助。

我有一个应用程序，我正在与一个边栏与标签链接到不同的仪表板。每个SidebarLinks都是一个router-link，其中的to键是从主组件输入route支柱的。

在其中一个仪表板Analysis仪表板中，还有另一个路由器将您路由到子路由，以便使用他们自己的ids进行特定的分析(EX: /analysis/1)。

用户单击按钮进行特定分析，并将其路由到同一页上包含该信息的页面。

当我单击Analysis SidebarLink时，url中的路由更改为/analysis，但是页面不更新/刷新。

我在控制台中没有错误，但我在devtools中得到了失败。

我知道Vue路由器不会回到你已经在的路线上，但我需要它。当url只是/analysis时，如果刷新页面，它将返回到inital状态。

当它重新读到/analysis时，是否仍然需要刷新？还是一种处理此错误以按预期工作的方法？

我试过什么

我尝试过将router-link更改为标记，然后编程地使用router.push，然后对错误进行catch，但这没有任何作用。

，

，我试过检查route.fullPath.contains("/analysis")，然后只做router.back()，但这似乎也不起作用。function

SidebarLink路由器

代码语言：javascript复制function goToRoute() { console.log(`route.fullPath → `, route.fullPath) if (route.fullPath.match('/analysis*') as any) { console.log('route includes /analysis') router.back() } else { console.log('route doesnt inclue /analysis') router .push({ path: props.route, }) .catch(() => {}) } }

Inital /analysis Page这是页面通常的样子

/analysis/1页面--这是分析/1的路径(url更改)

/ Analysis /1页面当问题分析SidebarLink单击时这是单击侧栏链接时的分析路径(url更改，但页面保持不变)

【本文地址】

公司简介

联系我们