el-ementui el-menu的中文 划过是的背景如何修改为透明

用过Navmenu的中文组件的同学应该很熟悉组件在horizontal模式下提供了两种触发方式:hover和click。然而在click模式下有个弊端:如果页面中引入多个el-menu的中文组件,由于每个el-menu的中文相互独立展開一个菜单后,再展开其他菜单时前面展开的菜单并不会自动收起,这在使用时很不方便那么,怎么来解决click模式下两个el-menu的中文同时展開的问题呢(注意:这里说的同时展开不是由unique-opened控制的保持一个子菜单展开)

为了方便说明,我们将接受鼠标点击的导航称为menu的中文点擊menu的中文后展开的菜单称为popper。我想到的方案是通过click展开popper后,在鼠标离开popper时主动触发el-menu的中文的close方法,使popper收起但若展开popper后,鼠标未进入popper而直接再次点击另一个menu的中文,两个组件还是会同时展开所以要增加第二个触发条件,在鼠标进入menu的中文时主动触发el-menu的中文的close方法。

为什么是鼠标进入menu的中文而不是鼠标离开时触发呢?因为popper展开后鼠标从menu的中文进入popper的过程中,会触发鼠标离开menu的中文的事件这时洳果触发了close方法,鼠标就永远无法进入popper了

有了这两个主动触发popper收起的条件,就再也不会出现两个el-menu的中文同时展开了代码如下:

}

我要回帖

更多关于 地划过 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信