el-sub-menu组件的popper-class属性

el-sub-menu 组件的 popper-class 属性是用来设置弹出菜单的样式类名的。它可以让你自定义弹出菜单的样式，例如设置菜单的宽度、背景颜色、边框等。在使用 popper-class 属性时，你需要在 CSS 文件中定义对应的样式类名。例如：

<el-sub-menu popper-class="my-menu" index="1">
  <template slot="title">菜单一</template>
  <el-menu-item index="1-1">选项1</el-menu-item>
  <el-menu-item index="1-2">选项2</el-menu-item>
</el-sub-menu>

.my-menu {
  width: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
}

在上面的例子中，我们给 el-sub-menu 组件设置了 popper-class 属性，并将其值设置为 my-menu。然后在 CSS 文件中定义了 .my-menu 样式类名，设置了弹出菜单的宽度、背景颜色和边框。这样就可以自定义弹出菜单的样式了。

相关问题

在vue2中，设置一个class=“el-picker-panel el-date-picker el-popper export-date-picker”的组件background: #29343F;

你可以通过给该组件添加样式来设置其背景颜色。具体方法如下：

1. 在组件的样式文件中定义一个类，例如：

.my-picker-panel {
  background-color: #29343F;
}

2. 在组件中添加一个class绑定，例如：

<el-date-picker class="my-picker-panel"></el-date-picker>

这样就可以将背景颜色设置为 #29343F 了。注意，如果组件中已经有class属性，你需要将新添加的class与原有的class用空格分开，例如：

<el-date-picker class="el-picker-panel el-date-picker el-popper export-date-picker my-picker-panel"></el-date-picker>

el-menu popper-class

对于 el-menu 组件，popper-class 是一个用于自定义 popper 弹出框样式的属性。通过设置 popper-class 属性，你可以将自定义的 CSS 类应用于弹出框，以实现样式的定制化。例如：

<el-menu popper-class="custom-popper-class">
  <!-- 菜单内容 -->
</el-menu>

然后，在你的样式表中定义 `custom-popper-class` 类的样式：

.custom-popper-class {
  /* 自定义的弹出框样式 */
}

这样，el-menu 组件的弹出框将应用你定义的自定义样式。注意，popper-class 只在 el-menu 组件中有效，并且它是一个字符串类型的属性。