如何解决单击菜单外侧时无法关闭离子菜单,我正在关注离子框架文档,他们没有使用任何其他代码来关闭
Link to ion-menu ionic docs。 我正在使用离子反应和元素。菜单项列表映射在 IonMenu 内的 ionContent 内。 单击菜单项时,我使用 menuController.toggle() 关闭菜单。当用户在菜单外点击时,有人可以帮我关闭菜单吗?
<IonMenu contentId="main">
<IonContent>
<div className="menu-list-container">
<IonList lines="none" className="side-menu">
{!_.isEmpty(menuList) &&
menuList.map((item: any) => {
return (
<IonRouterLink routerLink={item.link}>
<div
className="menu-items"
onClick={() => {
setMenuActive(item);
menuController.toggle();
}}
>
<span className={item.menuIcon}></span>
{item.menuName}
</div>
</IonRouterLink>
);
})}
</IonList>
</div>
</IonContent>
</IonMenu>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。