vuepress能否局部自定义导航功能?

星空
  • 1.2k

目的:想在vuepress的项目导航里添加一个下拉框,点击后能执行一段js逻辑,并不是单纯的跳转链接,下方是vuepress提供的导航配置
image.png
image.png

我期望的效果是

// .vuepress/config.js
module.exports = {
  themeConfig: {
    nav: [
      {
        text: 'Languages',
        ariaLabel: 'Language Menu',
        items: [
          { text: 'Chinese', onclick: () => {}, active: () => true },
          { text: 'Japanese', onclick: () => {}, active: () => false }
        ]
      }
    ]
  }
}

如果事件加不了,link能使用正则也行

回复
阅读 1.5k
宣传栏