element ui水平菜单：将hover触发展开改为click触发
本文介绍如何修改Element UI的el-menu组件（水平模式）的子菜单展开方式，从默认的hover触发改为click触发。
问题： Element UI水平菜单默认使用hover触发子菜单展开，但有时需要点击触发。
解决方案：
Element UI 提供 menu-trigger 属性来控制水平模式下子菜单的触发方式。 将 menu-trigger 属性设置为 'click' 即可实现点击触发。
<el-menu :default-active="activeIndex" :menu-trigger="'click'" class="el-menu-demo" mode="horizontal"> <!-- 菜单项 --> </el-menu>
自定义样式 (可选):
如果需要修改子菜单的默认样式（例如，鼠标悬停时不自动隐藏），可以使用CSS覆盖Element UI的默认样式。 使用浏览器开发者工具检查元素的类名，然后编写相应的CSS规则。 例如，你可以修改.el-submenu 或其子元素的样式。 需要注意的是，直接修改样式可能影响其他组件，建议谨慎操作并考虑样式的兼容性和可维护性。
通过以上方法，您可以轻松地将Element UI水平菜单的展开方式从hover改为click，并根据需要调整其样式。
