为什么elment-ui的子菜单 宽度这么大

Question

 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"  @open="" @close=""  router>
      <el-menu-item index="/">首页</el-menu-item>
       <el-submenu index="5" >
        <template slot="title"> 关于我们</template>
        <el-menu-item index="/aboutus">关于我们</el-menu-item>
        </el-submenu>
        </el-menu>

Answer 1

自己写个样式替换掉不就行了

Answer 2

那你换啊，自己加id换css

Answer 3

不一定全都要使用它的，可以自己编写样式替换掉不合适掉

Answer 4

可以直接修改源码，也可以自己写class样式替换。

Answer 5

两个答案：

1. 如果你让项目中所有地方菜单都进行修改可以自己创建一个CSS文件，在项目中引用，即可把样式进行重置

2. 如果你只在某一个页面改变element ui 某个组件样式，你可以使用vue-loader中的深度作用选择器
   地址：https://vue-loader.vuejs.org/...

      (SCSS)例子如下 :

 .menu {
            &__dialog {
              color: red;
              /deep/ .el-dialog__body {
                padding: 0 20px;
              }
            }
          }

Answer 6

submenu的poperclass属性可以指定下拉框的类名，然后用不带scoped的css就行