vuepress項目側(cè)邊欄菜單配置使用方式
更新時間：2025年06月16日 09:36:32 作者：月照一江秋水
這篇文章主要介紹了vuepress項目側(cè)邊欄菜單配置使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vuepress項目側(cè)邊欄菜單配置
第一種菜單配置，自定義菜單名稱
{
text: '菜單名稱',
// 是否折疊
collapsible: true,
children: [
{
text: "自定義md菜單名稱",
sidebarDepth: 2,
link: "/xxx/aa.md",
children: [],
}
],
},第二種菜單配置
- 標(biāo)題自動生成菜單，使用需要搭配sidebarDepth限制展示生成標(biāo)題級別，這種方式好處是，直接生成，標(biāo)題索引目錄，在側(cè)邊欄
- 菜單名稱會根據(jù)aa.md中的第一個標(biāo)題名稱生成，菜單也會根據(jù)md文件的標(biāo)題層級自動生成對應(yīng)級別123級別菜單
- 標(biāo)題 # ## ### #### 1234級別標(biāo)題
{
text: '菜單名稱',
// 是否折疊
collapsible: true,
sidebarDepth: 2,
// 縮放子級別名稱
children: [
'/xxx/aa.md',
'/xxx/bb.md',
],
},總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了如何利用vue3編寫一個有趣的牛馬時鐘并集成到小程序,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2025-07-07
這篇文章主要介紹了element 表格嵌套表單驗證指定行的操作方法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-07-07
本篇文章給大家總結(jié)了vue+webpack的實用技巧以及相關(guān)實例代碼分享，有興趣的朋友可以參考學(xué)習(xí)下。2018-04-04
這篇文章主要介紹了Vue中的自定義指令的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要為大家詳細介紹了Vue2.x通用編輯組件的封裝及應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
Vue中使用jsencrypt進行RSA非對稱加密的操作方法
這篇文章主要介紹了Vue中使用jsencrypt進行RSA非對稱加密，在這里需要注意要加密的數(shù)據(jù)必須是字符串，對Vue?RSA非對稱加密相關(guān)知識感興趣的朋友一起看看吧2022-04-04
vue之組件內(nèi)監(jiān)控$store中定義變量的變化詳解
今天小編就為大家分享一篇vue之組件內(nèi)監(jiān)控$store中定義變量的變化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue實現(xiàn)引入本地json的方法,結(jié)合實例形式分析了vue.js加載本地json文件及解析json數(shù)據(jù)相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
vue最強table vxe-table 虛擬滾動列表 前端導(dǎo)出問題分析
最近遇到個問題,后臺一次性返回2萬條列表數(shù)據(jù)并且需求要求所有數(shù)據(jù)必須全部展示,不能做假分頁,怎么操作呢,下面通過本文介紹下vue最強table vxe-table 虛擬滾動列表 前端導(dǎo)出問題,感興趣的朋友一起看看吧2023-10-10
這篇文章主要給大家介紹了關(guān)于Vue中$refs的探索，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11