技術標籤：web前端htmlvue.jselementui

Element 的導航選單(側邊)出現不對齊的問題

解決方法

在<el-menu></el-menu>下面的標籤上加一個外框線

程式碼

<div class="over-menu" v-if="open!=true">
            <el-menu style="outline: none;" :default-active="meni_active +''" class="el-menu-vertical-demo"
              background-color="#FFFFFF" text-color="#101010" active-text-color="#217FE9">
              <el-menu-item @click="getUser(item.table_name,key+1)" style="outline:1px solid #ffffff"
                v-for="(item,key) in Tables_in_TEST" :index="key+1 +''" :key="key">
                {{item.table_name}}
              </el-menu-item>
            </el-menu>
</div>