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',
],
},总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了如何使用 Vue.js 和纯 JavaScript 构建 Bootstrap 组件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
this.$router.push携带参数跳转页面的实现代码
这篇文章主要介绍了this.$router.push携带参数跳转页面,this.$router.push进行页面跳转时，携带参数有params和query两种方式，本文结合实例代码给大家详细讲解，需要的朋友可以参考下2023-04-04
这篇文章主要为大家详细介绍了vue图片加载与显示默认图片的实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章较详细的给大家介绍了vue组件之间传值的方法，在 Vue 中，可以使用props向子组件传递数据。具体传递方法大家跟随脚本之家小编一起看看吧2018-08-08
证件图片识别上传根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件，这篇文章主要介绍了vue3 证件识别上传组件封装,需要的朋友可以参考下2023-05-05
本篇文章主要介绍了浅谈vue.js中v-for循环渲染，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了Vue组件通信的几种实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了vue版日历组件的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了解决nuxt 自定义全局方法,全局属性,全局变量的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了Vuejs监听vuex中值的变化的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
最新评论