解決Element UI左側(cè)折疊菜單的坑
前言
在使用Element ui里NavMenu折疊菜單的時候 會遇到側(cè)邊導(dǎo)航欄收縮后，右側(cè)內(nèi)容不能一起收縮的問題和側(cè)邊欄折疊的卡頓一下的問題，下面讓我們一起解決一下吧
一、解決側(cè)邊導(dǎo)航欄收縮后，右側(cè)內(nèi)容不能一起收縮的問題？
在點(diǎn)擊收縮以后，右側(cè)不會跟著一起收縮
解決辦法(修改width值)
文章來源：http://www.zghlxwxcb.cn/news/detail-509382.html
二、解決ElementUi Nav側(cè)邊欄折疊的卡頓一下的問題
使用ElementUi Nav側(cè)邊欄自帶的折疊動畫，文字會卡頓一下再消失，非常難受
解決方案
使用官方的折疊動畫沒有，所以我的方案是開啟折疊動畫后解決滾動條的問題，自己寫個過渡，再把文字消失的速度加快，這樣能比較流暢的折疊展開文章來源地址http://www.zghlxwxcb.cn/news/detail-509382.html
/* 加過渡給側(cè)邊導(dǎo)航*/
.el-aside {
transition: width 0.25s;
-webkit-transition: width 0.25s;
-moz-transition: width 0.25s;
-webkit-transition: width 0.25s;
-o-transition: width 0.25s;
}
/*加快側(cè)邊欄文字消失的速度*/
.el-menu {
transition: all 10ms;
}
解決了還請點(diǎn)個贊哦~有問題我們一起解決
到了這里，關(guān)于解決Element UI中NavMenu 折疊菜單的坑的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
