Vue 設定導航欄 側邊欄為公共頁面

2021-08-21 02:39:50 字數 603 閱讀 3428

首先,專案結構如下:

此時執行會發現,所有的頁面都被加上了這兩個公共頁面,而實際場景中,我們往往希望登入頁是不需要導航欄和側邊欄的,那麼就需要規避掉登入頁。

index.js**如下:

import vue from 'vue'

import router from 'vue-router'

import helloworld from '@/components/helloworld'

import login from '@/views/login'

import index from '@/views/index'

import versionlist from '@/views/versionlist'

vue.use(router)

export default new router(

},},

},]})

通過設定keepalive的值就可以實現除了登入頁不展示公共頁面,在其他頁面均展示的功能。

CSS實現側邊欄導航

charset utf 8 title type text css 隱藏checked核取方塊 sidemenu sidemenu checked aside sidemenu checked wrap aside h2 控制側邊欄進出的按鈕 外部包裹 wrap 控制側邊欄進出的按鈕 內部文字樣式 ...

vue設定公用導航欄

我不是天生的王者,但我骨子裡流淌著不讓我低頭的血液。vue 專案設定公用的header.vue和footer.vue元件,而登入頁不需要設定header,因而有了這篇部落格,具體 及步驟如下。首先,專案結構如下 此時執行會發現,所有的頁面都被加上了這兩個公共頁面,而實際場景中,我們往往希望登入頁是不...

側邊導航欄只展開當前的導航

antd 實現側導航欄只展開當前導航,其他關閉,效果如下 選單的資料結構是這樣的,子選單要包含主選單的名字 antd導航有個openkeys屬性和onopenchange事件,執行onopenchange事件時,把展開的列表賦值過去 選中當前選單收起其他選單 onopenchange openkey...