el-dropdown-menu 展开导致出现滚动条

要使el-dropdown-menu在展开时出现滚动条，可以根据以下方法进行设置:

1. 添加以下CSS样式到.el-dropdown-menu类中：

.el-dropdown-menu {
  overflow: scroll; // 添加滚动条
  max-height: 200px; // 最大高度
  overflow-x: hidden; // 隐藏x轴上的滚动条
}

这样，当el-dropdown-menu的内容超过最大高度时，将显示滚动条。

2. 如果你使用的是Element Plus框架中的原生dropdown组件，可以复制一个dropdown组件的代码，并根据需要进行修改。在复制的代码中，可以将.el-dropdown-menu类添加到需要显示滚动条的地方，然后再进行样式设置。

3. 另外，你还可以根据需要设置el-dropdown-menu的高度和滚动条样式。例如，可以添加以下CSS样式到.project-dropdown类中：

.project-dropdown {
  height: 300px; // 设置高度才能显示出滚动条
  overflow: auto;
}

.project-dropdown::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

.project-dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

这样，el-dropdown-menu在展开时将出现滚动条，并且滚动条的样式也会被设置。

通过以上方法，你可以实现el-dropdown-menu在展开时出现滚动条，并且可以根据需要进行样式设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Element-UI Plus 给el-dropdown添加滚动条效果](https://blog.csdn.net/RRRRRRichard/article/details/123209821)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Element-UI 给el-dropdown添加滚动条](https://blog.csdn.net/ddk54321/article/details/89083335)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]