【发布时间】:2021-06-25 04:28:27
【问题描述】:
我有一个 Gridsome 项目,我希望将 active CSS 类添加到菜单中以突出显示当前 URL。对于此类操作,我需要知道 Layout 组件中的当前 URL 路径以与路径进行比较。
如何获取当前的 URL 或路径?
【问题讨论】:
-
Gridsome 正在使用 Vue 路由器,所以试试
this.$route
我有一个 Gridsome 项目,我希望将 active CSS 类添加到菜单中以突出显示当前 URL。对于此类操作,我需要知道 Layout 组件中的当前 URL 路径以与路径进行比较。
如何获取当前的 URL 或路径?
【问题讨论】:
this.$route
使用 Gridsome 的 <g-link to="/"></g-link> 作为菜单项,如果匹配当前路径,它将自动在项目上添加 active 类。你可以在这里阅读更多内容https://gridsome.org/docs/linking/
【讨论】: