<el-menu>中，鼠标触发事件=时，如何修改背景色

在 `element-ui` 的 `<el-menu>` 组件中，您可以使用 `@mouseenter` 和 `@mouseleave` 事件来监听菜单项的鼠标进入和鼠标离开事件，并在事件处理函数中修改菜单项的背景色。

具体地，您可以在 `<el-menu-item>` 元素上添加 `@mouseenter` 和 `@mouseleave` 事件监听器，并在事件处理函数中使用 `this.$el.style.background` 来修改菜单项的背景色，如下所示：

<el-menu>
  <el-menu-item @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave">菜单项</el-menu-item>
  ...
</el-menu>

methods: {
  handleMouseEnter: function() {
    this.$el.style.background = 'red'; // 修改菜单项的背景色为红色
  },
  handleMouseLeave: function() {
    this.$el.style.background = ''; // 恢复菜单项的默认背景色
  }
}

在上述代码中，`@mouseenter` 和 `@mouseleave` 事件监听器会在菜单项鼠标进入和鼠标离开时触发，并调用 `handleMouseEnter` 和 `handleMouseLeave` 事件处理函数来修改菜单项的背景色。在 `handleMouseEnter` 中，我们使用 `this.$el.style.background` 来修改菜单项的背景色为红色；在 `handleMouseLeave` 中，我们将菜单项的背景色恢复为默认值，即空字符串。

通过以上设置，当鼠标进入或离开菜单项时，菜单项的背景色就会发生相应变化了。您可以根据自己的需求，使用不同的颜色值来设置菜单项的背景色。