是你布局的問題，你可以動態(tài)控制左側(cè)菜單的寬度。

謝謝1樓回復(fù)，問題已解決，根據(jù)csdn評論區(qū)的大神代碼，原理和1樓說的一樣。貼代碼：

在methods里的collapse 函數(shù)里增加監(jiān)測左邊導(dǎo)航欄offsetWidth值為0則修改,因為要獲取元素的offsetwidth屬性，所以記得給元素加個ID值，我的是lastclass,加完后如下：

<!--導(dǎo)航菜單-->
                <el-menu :default-active="$route.path" id="lastclass" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect"
                     unique-opened router v-show="!collapsed">

修改函數(shù)如下：

collapse:function(){
                this.collapsed=!this.collapsed;
                var uiwidth = document.getElementById('lastclass');
                if(uiwidth.offsetWidth===0){
                    uiwidth.style.width = "230px"
                }
            },