uViewUI报错Cannot read property 'bottom' of null的解决方法

南国老符 南国老符 最后更新于:2020-12-11 浏览:2987

uViewUI在H5下报错'bottom' of null,产生的原因是:吸顶组件u-sticky和底部导航栏tabbar切换页面时产生冲突,


sticky组件创建了Observer监听,当切换页面且页面没有销毁时,导致组件仍然保持监听,所以出现Cannot read property 'bottom' of null报错。


所以我们需要手动断开Observer监听来解决这个报错的问题(截至此文发布,uViewUI作者尚未改善:吸顶组件u-sticky的这个问题)。


下面是作者给出的解决方法,亲测有效:

<template>
    <view>
        <!--  @property {Boolean} enable 是否开启吸顶功能(默认true)-->
        <u-sticky :enable="enable">
	<view>……</view>
        </u-sticky>
    </view>
</template>
<script>
export default {
    data() {
        return {
	enable: true
        }
    },
    // 在对应的show和hide页面生命周期中打开或关闭监听
    onShow() {
        this.enable= true
    },
    onHide() {
        this.enable= false
    }
}
</script>



点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/154.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: PHP将图片转换成base64编码的代码

下一篇: 给个理由,让别人推荐你

请先登录后,再发表评论 ~ ~
发表评论
发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

Y
yuanis90
回复:在后台->全局管理->网站设置->网站html代码,把你申请的分享代码贴到这里保存即可。以后发问题,请贴出具体版本号
南国老符
回复:发表帖子发不了  乱码
南国老符
回复:第一位参与的老总,是做洗衣店saas系统的,需要的请联系
9
9252
回复:新版已经修复了的,升级忘记覆盖了,你重新下载即可。
U
user1304
回复:PHP开启fileinfo扩展即可
U
user1379
回复:版本号多少?
购买VIP
购买授权
余额充值
发表帖子
客服微信