那些年我用MUI开发遇过的坑(二)

在使用MUI开发HybridApp时遇到Popover无法正常隐藏的问题,通过DCloud官方论坛找到解决方案,需要在框架中重写隐藏方法,具体涉及调整CSS属性以实现popover的完全隐藏,避免影响用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    前些日子我开发的时候遇到了一个小问题(如图),在这个页面我有一个弹出菜单(popover),如果我不将菜单隐藏直接打开一个新的页面,那么神奇的事就发生了,这个菜单将会一直处于active状态,不会隐藏起来。

              

    正常情况下,可能不是什么大问题,但是还是很影响用户体验的,也有可能会影响其他功能的实现。针对这个问题我上网百度了一下,有说利用mui('#popover').popover('hide')可以强制隐藏popover,但是我试过好像并不起作用。后来我在Dcloud的官方论坛上找到了一个比较靠谱的解决方案。原理就是在框架中重写一个隐藏的方法。具体的可以参见以下地址:

     mui-popover如何强制隐藏 - DCloud问答

    由于mui的不断更新,可能文章里面说的代码行数不一定正确,但是只要将代码复制到差不多的位置,还是可以运行成功的。我尝试了一下,这次popover总算是成功的藏起来了。但是又有一个问题衍生出来了,虽然popover隐藏起来了,但是我总感觉它好

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值