el-dropdown 移入时右侧箭头朝上 如何做
时间: 2023-08-11 08:39:28 浏览: 115
vue+element搭建后台小总结 el-dropdown下拉功能
您可以使用 `el-dropdown` 的 `placement` 属性来控制下拉菜单的位置,从而使其在移入时箭头朝上。
例如,当 `placement` 属性值为 `bottom-end` 时,下拉菜单会向下弹出,箭头朝上。当鼠标移入时,下拉菜单不会改变位置,箭头仍然朝上。
示例代码如下:
```
<el-dropdown trigger="hover" placement="bottom-end">
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>Action 1</el-dropdown-item>
<el-dropdown-item>Action 2</el-dropdown-item>
<el-dropdown-item>Action 3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
您可以根据实际需求选择合适的 `placement` 值来实现箭头朝上的效果。
阅读全文