el-dropdown默认hover展开_Bootstrap4 Dropdown 组件扩展 hover 事件

在`el-dropdown`中，可以通过设置`trigger`属性来更改默认的触发方式。默认情况下，`trigger`属性的值为`'click'`，即点击才会展开下拉菜单。如果要实现鼠标悬停展开下拉菜单的效果，可以将`trigger`属性的值设置为`'hover'`。

示例代码：

<el-dropdown trigger="hover">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu>
    <el-dropdown-item>选项一</el-dropdown-item>
    <el-dropdown-item>选项二</el-dropdown-item>
    <el-dropdown-item>选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

在这个示例中，我们将`el-dropdown`的`trigger`属性设置为`'hover'`，这样鼠标悬停在下拉菜单上就会自动展开了。

如果想要在鼠标移开时自动收起下拉菜单，可以使用`hide-on-click`属性。将`hide-on-click`属性设置为`false`，则不会在点击下拉菜单外部时收起菜单。

示例代码：

<el-dropdown trigger="hover" hide-on-click="false">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu>
    <el-dropdown-item>选项一</el-dropdown-item>
    <el-dropdown-item>选项二</el-dropdown-item>
    <el-dropdown-item>选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>