示图: 在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同层问题得到彻底解决.
修改如下: