uview 1.0 u-popup 弹窗只出现锁屏, 不显示内容 for UNIAPP APP开发问题

文章描述了在APP端遇到POPUP组件显示不正常的问题,经过分析发现是由于mescroll-body下的多个scroll-view导致的slot内容无法正确读取。解决方案是将组件移至mescroll-body同一层级,避免了组件嵌套问题。
摘要由CSDN通过智能技术生成

示图:  在APP 端 时而不正常下

正常弹出


问题分析:

1. 首页打开一切正常, 当关闭后,  刷新数据多次后出现图1现像

2.  用小程序 H5 端 测试全部正常. 
3. 很多人跟我一样, 首先会考虑到是U-POPUP组件上去做兼容, 甚至用自己写自义定的POPUP 如果相同,  差不多花了大半天的时候去测试, 问题仍然没有解决.


解决方案:

1.  有哥们会说这种现像需要用 V2版本得到解决. 可是V2 单独引入后会有一大堆依赖. 用CSS 会出现冲突. 
2.  也有人会说去下载UNI-POPUP 可以解决此问题. 于是又去看了这个结果一大堆绑定, 小程序体积臃肿, 过大主包超包. 

3. 问题原因抛出,  由于我的首页用了mescroll-body 下拉加载刷新数据, 常试代码走读时, 发现存在多个scroll-view , 而组件刚好放在mescroll-body内, 会产生时而正常,时而读取不出u-popup 内的slot 插槽内容造成. 最终的解决办法是 把组件放到跟mescroll-body同层问题得到彻底解决.

修改如下: 


 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值