为使用 isActive 路由精确路径？答案

【问题标题】：Routify exact path for using isActive?为使用 isActive 路由精确路径？
【发布时间】：2021-02-01 00:41:17
【问题描述】：

我正在使用 Svelte 和 Routify 构建一个餐厅评论网站，我有一个路径“./reviews”显示当前用户自己的评论，以及不同类别餐厅的评论路径，即“./reviews/mexican ”或“./reviews/asian”，当我点击墨西哥的标签时，“./reviews”和“./reviews/mexican”似乎都被打开为isActive，我如何在Routify中设置确切的路径?

谢谢！

【问题讨论】：

您可以订阅 $params 存储（它会在每次 url 更改时发出一个新值）然后在订阅的回调中将 window.location.pathname 分配给一个局部变量，然后将其耦合起来变量 + $isActive 排除 ./reviews/

标签： svelte svelte-3 routify

【解决方案1】：

这应该可以工作

$isActive('/path/to/component', { /* params */ }, { strict: true})

将 strict 设置为 false，路径将默认为 /path/to/component/index，因此不会匹配任何后代组件。

https://routify.dev/docs/helpers#is-active

【讨论】：