【问题标题】:Gridsome find current URLGridsome 查找当前 URL
【发布时间】:2021-06-25 04:28:27
【问题描述】:

我有一个 Gridsome 项目,我希望将 active CSS 类添加到菜单中以突出显示当前 URL。对于此类操作,我需要知道 Layout 组件中的当前 URL 路径以与路径进行比较。

如何获取当前的 URL 或路径?

【问题讨论】:

  • Gridsome 正在使用 Vue 路由器,所以试试 this.$route

标签: vue.js url gridsome


【解决方案1】:

使用 Gridsome 的 <g-link to="/"></g-link> 作为菜单项,如果匹配当前路径,它将自动在项目上添加 active 类。你可以在这里阅读更多内容https://gridsome.org/docs/linking/

【讨论】:

    猜你喜欢
    • 2012-11-12
    • 2015-10-28
    • 2012-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-21
    • 1970-01-01
    • 2023-03-17
    相关资源
    最近更新 更多