模拟点击,完善菜单栏功能

vue2.x + iview2.x

使用导航菜单menu,开启手风琴模式。点击菜单栏没有问题,操作url标签(如下图)时,手风琴模式会出现bug。比如点击“设备清单”,左侧栏菜单并没有相应展开。因此采用模拟点击,完善菜单栏功能。

setTimeout(() => {
    let ele1 = $('.ivu-menu-submenu.ivu-menu-item-active.ivu-menu-child-item-active');
    let ele2 = $('.ivu-menu-submenu.ivu-menu-opened');
    if (ele1.length == 1) {
         // 如果已打开,则不做操作
         // 注意:此处选择点击children元素,因为点击ele1无效,要点击内层元素才可以
         if (!ele1.hasClass('ivu-menu-opened')) {
             ele1.children('.ivu-menu-submenu-title')[0].click();
         }
    } else if (ele2.length == 1) {
         // 如果是首页,把打开的菜单栏关闭
         if(item.name == 'home_index') {
             ele2.children('.ivu-menu-submenu-title')[0].click();
         }
    }
}, 420);

猜你喜欢

转载自blog.csdn.net/u010238381/article/details/81115894