vuepress项目侧边栏菜单配置使用方式

更新时间：2025年06月16日 09:36:32 作者：月照一江秋水

这篇文章主要介绍了vuepress项目侧边栏菜单配置使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vuepress项目侧边栏菜单配置

第一种菜单配置，自定义菜单名称

 {
    text: '菜单名称',
    // 是否折叠
    collapsible: true,
    children: [
      {
        text: "自定义md菜单名称",
        sidebarDepth: 2,
        link: "/xxx/aa.md",
        children: [],
      }
    ],
  },

第二种菜单配置

标题自动生成菜单，使用需要搭配sidebarDepth限制展示生成标题级别，这种方式好处是，直接生成，标题索引目录，在侧边栏
菜单名称会根据aa.md中的第一个标题名称生成，菜单也会根据md文件的标题层级自动生成对应级别123级别菜单
标题 # ## ### #### 1234级别标题

  {
    text: '菜单名称',
    // 是否折叠
    collapsible: true,
    sidebarDepth: 2,
    // 缩放子级别名称
    children: [
      '/xxx/aa.md',
      '/xxx/bb.md',
    ],
  },

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

利用vue3编写一个有趣的牛马时钟并集成到小程序
这篇文章主要为大家详细介绍了如何利用vue3编写一个有趣的牛马时钟并集成到小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
2025-07-07
element 表格嵌套表单验证指定行的操作方法
这篇文章主要介绍了element 表格嵌套表单验证指定行的操作方法,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-07-07
vue webpack实用技巧总结
本篇文章给大家总结了vue+webpack的实用技巧以及相关实例代码分享，有兴趣的朋友可以参考学习下。
2018-04-04
详解Vue中的自定义指令
这篇文章主要介绍了Vue中的自定义指令的相关资料，帮助大家更好的理解和学习vue框架，感兴趣的朋友可以了解下
2020-12-12
Vue2.x通用编辑组件的封装及应用详解
这篇文章主要为大家详细介绍了Vue2.x通用编辑组件的封装及应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
Vue中使用jsencrypt进行RSA非对称加密的操作方法
这篇文章主要介绍了Vue中使用jsencrypt进行RSA非对称加密，在这里需要注意要加密的数据必须是字符串，对Vue RSA非对称加密相关知识感兴趣的朋友一起看看吧
2022-04-04
vue之组件内监控$store中定义变量的变化详解
今天小编就为大家分享一篇vue之组件内监控$store中定义变量的变化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
vue实现引入本地json的方法分析
这篇文章主要介绍了vue实现引入本地json的方法,结合实例形式分析了vue.js加载本地json文件及解析json数据相关操作技巧,需要的朋友可以参考下
2018-07-07
vue最强table vxe-table 虚拟滚动列表前端导出问题分析
最近遇到个问题,后台一次性返回2万条列表数据并且需求要求所有数据必须全部展示,不能做假分页,怎么操作呢,下面通过本文介绍下vue最强table vxe-table 虚拟滚动列表前端导出问题,感兴趣的朋友一起看看吧
2023-10-10
关于Vue中$refs的探索浅析
这篇文章主要给大家介绍了关于Vue中$refs的探索，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11