w***@hotmail.com
w***@hotmail.com
  • 发布:2024-12-04 09:16
  • 更新:2025-03-12 10:27
  • 阅读:129

【报Bug】运行报JS错误 topWindow视图中使用match-media组件异常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 4.36

浏览器平台: Chrome

浏览器版本: 130.0.2849.68 (正式版本) (64 位)

项目创建方式: HBuilderX

操作步骤:

在topWindow视图中,使用了组件match-media

预期结果:

希望可以恢复之前

实际结果:

异常报错提示 $page 不存在

bug描述:

在topWindow视图中,使用了组件match-media,编译运行后浏览器报错, 之前版本都是正常的,而且这个bug之前几年有人提出过,现如今升级后依然出现...希望尽快修正

2024-12-04 09:16 负责人:无 分享
已邀请:
w***@hotmail.com

w***@hotmail.com (作者) - Vue3+PHP

希望官方给与解答一下,谢谢

  • m***@sina.com

    目前4.29版本没问题,从4.29以后的版本都有这个问题。

    2025-01-12 22:14

m***@sina.com

m***@sina.com

我发了2个这个错误,都没人理我。。。你解决了吗

m***@sina.com

m***@sina.com

<template>  
    <view class="page-responsive-top">  
        <view v-if="isMounted">  
            <match-media :min-width="1025">  
                <view>宽屏菜单</view>  
            </match-media>  
            <match-media :min-width="0" :max-width="1025">  
                <view>窄屏菜单</view>  
            </match-media>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                isMounted: false  
            }  
        },  
        mounted() {  
            setTimeout(() => {  
                this.isMounted = true  
            }, 150)  
        },  
        methods: {}  
    }  
</script>

在mounted()中,增加延时,可以解决这个问题。

要回复问题请先登录注册