首先,專案結構如下:
此時執行會發現,所有的頁面都被加上了這兩個公共頁面,而實際場景中,我們往往希望登入頁是不需要導航欄和側邊欄的,那麼就需要規避掉登入頁。
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...