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