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.6k
1 个回答
{link: 'javascript:xxx()'}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏