行业知识
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"); }; }
下一篇:怎么进小豆的服务器里面?