vuepress項目側邊欄菜單配置使用方式
更新時間：2025年06月16日 09:36:32 作者：月照一江秋水
這篇文章主要介紹了vuepress項目側邊欄菜單配置使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vuepress項目側邊欄菜單配置
第一種菜單配置，自定義菜單名稱
{
text: '菜單名稱',
// 是否折疊
collapsible: true,
children: [
{
text: "自定義md菜單名稱",
sidebarDepth: 2,
link: "/xxx/aa.md",
children: [],
}
],
},第二種菜單配置
- 標題自動生成菜單，使用需要搭配sidebarDepth限制展示生成標題級別，這種方式好處是，直接生成，標題索引目錄，在側邊欄
- 菜單名稱會根據(jù)aa.md中的第一個標題名稱生成，菜單也會根據(jù)md文件的標題層級自動生成對應級別123級別菜單
- 標題 # ## ### #### 1234級別標題
{
text: '菜單名稱',
// 是否折疊
collapsible: true,
sidebarDepth: 2,
// 縮放子級別名稱
children: [
'/xxx/aa.md',
'/xxx/bb.md',
],
},總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了如何使用 Vue.js 和純 JavaScript 構建 Bootstrap 組件,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
this.$router.push攜帶參數(shù)跳轉頁面的實現(xiàn)代碼
這篇文章主要介紹了this.$router.push攜帶參數(shù)跳轉頁面,this.$router.push進行頁面跳轉時，攜帶參數(shù)有params和query兩種方式，本文結合實例代碼給大家詳細講解，需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了vue圖片加載與顯示默認圖片的實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章較詳細的給大家介紹了vue組件之間傳值的方法，在 Vue 中，可以使用props向子組件傳遞數(shù)據(jù)。具體傳遞方法大家跟隨腳本之家小編一起看看吧2018-08-08
證件圖片識別上傳根據(jù)業(yè)務需要，經(jīng)常涉及到證件上傳，例如身份證上傳、銀行卡、營業(yè)執(zhí)照等信息，根據(jù)設計師的設計，單獨封裝了一個上傳組件，這篇文章主要介紹了vue3?證件識別上傳組件封裝,需要的朋友可以參考下2023-05-05
本篇文章主要介紹了淺談vue.js中v-for循環(huán)渲染，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了Vue組件通信的幾種實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要為大家詳細介紹了vue版日歷組件的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了解決nuxt 自定義全局方法,全局屬性,全局變量的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了Vuejs監(jiān)聽vuex中值的變化的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12