在使用Element框架开发vue项目时,默认情况Dropdown下拉菜单弹出位置螅岔出礤在底部,那如何修改菜单弹出位置在顶部呢。如图
工具/原料
小米pro15.6
win10
方法/步骤
1、打开一个vue文件,添加一个el-dropdown下拉框组件。如图
2、在el-dropdown标签上添加placement="top&quo隋茚粟胫t;,用于设置下拉菜单弹出显示在顶部。如图
3、保存vue文件后使用浏览器打开,鼠标滑过下拉菜单即可看到弹出位置显示在顶部了。如图
时间:2024-10-04 07:17:45
在使用Element框架开发vue项目时,默认情况Dropdown下拉菜单弹出位置螅岔出礤在底部,那如何修改菜单弹出位置在顶部呢。如图
工具/原料
小米pro15.6
win10
方法/步骤
1、打开一个vue文件,添加一个el-dropdown下拉框组件。如图
2、在el-dropdown标签上添加placement="top&quo隋茚粟胫t;,用于设置下拉菜单弹出显示在顶部。如图
3、保存vue文件后使用浏览器打开,鼠标滑过下拉菜单即可看到弹出位置显示在顶部了。如图