如何给el-dropdown添加滚动触发事件

您可以使用`v-infinite-scroll`指令来为el-dropdown添加滚动触发事件。具体使用方法如下：

1. 首先，在组件中添加`v-infinite-scroll`指令：

<el-dropdown v-infinite-scroll="loadMoreData">
  <!-- dropdown内容 -->
</el-dropdown>

这里将`v-infinite-scroll`指令绑定到一个名为`loadMoreData`的函数上。

2. 然后，在组件的`methods`中定义`loadMoreData`函数，用于在滚动触发时加载更多数据：

methods: {
  loadMoreData() {
    // 加载更多数据的逻辑
  },
}

3. 最后，使用`vue-infinite-loading`插件实现无限滚动效果：

<el-dropdown>
  <!-- dropdown内容 -->
  <vue-infinite-loading
    @infinite="loadMoreData"
    spinner="spiral"
    v-slot="{ $infiniteLoading }"
  >
    <div v-show="$infiniteLoading"></div>
  </vue-infinite-loading>
</el-dropdown>

在这里，我们将`vue-infinite-loading`插件嵌入到el-dropdown的内容中，并将`@infinite`事件绑定到`loadMoreData`函数上。同时，我们使用`v-slot`来渲染插件的状态，并通过`$infiniteLoading`来检测是否需要加载更多数据。