养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

el-dropdown显示/隐藏触发事件

时间:2024-10-19 11:36:26

在使用Element框架开发vue项目时,如何获取Dropdown下拉菜单显示和隐藏的事件呢?如图

el-dropdown显示/隐藏触发事件

el-dropdown显示/隐藏触发事件

工具/原料

小米pro15.6

win10

方法/步骤

1、打开一个vue文件,添加一个el-dropdown下拉框组件。如图

el-dropdown显示/隐藏触发事件

2、在el-dropdown标签上添加visible-change隐藏和显示时的事件,豹肉钕舞设置显示下拉框是弹出显示信息提示,隐藏下拉框时弹出隐藏提示信息。如图

el-dropdown显示/隐藏触发事件

el-dropdown显示/隐藏触发事件

3、保存vue文件后使用浏览器打开,鼠标滑过下拉菜单时右边弹出显示下拉菜单提示,当鼠标离开时弹出项滓呶茉隐藏下拉框提示。如图

el-dropdown显示/隐藏触发事件

el-dropdown显示/隐藏触发事件

© 一点知识