【问题标题】:vuepress router-link active styling not workingvuepress 路由器链接活动样式不起作用
【发布时间】:2020-08-11 01:19:46
【问题描述】:

我有一个 basicNotation.md 文件,它的路由很好。

<router-link to="/basicNotation">Test</router-link>

但是,当它被渲染并路由到它时,结果如下:

<a href="/basicNotation" class="">Test</a>

注意没有类应用于锚标记!

根据 vuejs 文档,渲染应该如下所示: https://router.vuejs.org/api/#active-class

<a href="/basicNotation" class="router-link-exact-active router-link-active">Test</a>

我哪里出错了?

【问题讨论】:

    标签: vue.js vuepress


    【解决方案1】:

    好的,我在路径中添加了文件扩展名:

    <router-link to="/basicNotation.html">Test</router-link>
    

    据我所知,它确实有效。渲染到这个:

    <a href="/basicNotation.html" class="router-link-exact-active router-link-active">Test</a>
    

    我仍然愿意接受更好的解决方案。

    【讨论】:

    • 当然,如果您使用干净的 URL(尤其是 vuepress clean url 插件或服务器配置),您可以根据已清除的 URL 设置 to 属性。
    猜你喜欢
    • 1970-01-01
    • 2018-02-15
    • 1970-01-01
    • 1970-01-01
    • 2021-07-26
    • 2017-03-25
    • 2018-05-27
    • 1970-01-01
    • 2021-10-01
    相关资源
    最近更新 更多