小工具知识网

当前位置: 首页 > 行业知识 > ElementUI菜单导航NavMenu鼠标滑动展示菜单

行业知识

ElementUI菜单导航NavMenu鼠标滑动展示菜单

2026-11-04 00:09:52 来源:互联网转载

NavMenu导航菜单在vertical���况下没办法实现鼠标移入元素展示菜单,移出元素关闭菜单功能,故而需要额外写代码实现。

()

html代码实现:

                                      导航一                          分组一          选项1          选项2                          选项3                          选项4          选项1                  

利用鼠标移入与移出事件来实现功能

()

js代码如下:

mouseLeave(){   //实现工具栏鼠标滑过的展示与关闭     var Vuethis=this;     var elMenu=document.getElementById("el-menu-demo");     elMenu.onmouseleave=()=>{         Vuethis.$refs.menu.close("1");     };     elMenu.onmouseover=()=>{         Vuethis.$refs.menu.open("1");     }; }

上一篇:QQTN下载秘籍,一键获取轻松下载

下一篇:怎么进小豆的服务器里面?