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

- 发布:2024-12-04 09:16
- 更新:2025-03-12 10:27
- 阅读:129
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX类型: 正式
HBuilderX版本号: 4.36
浏览器平台: Chrome
浏览器版本: 130.0.2849.68 (正式版本) (64 位)
项目创建方式: HBuilderX
操作步骤:
预期结果:
希望可以恢复之前
希望可以恢复之前
实际结果:
异常报错提示 $page 不存在
异常报错提示 $page 不存在



<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()中,增加延时,可以解决这个问题。
m***@sina.com
目前4.29版本没问题,从4.29以后的版本都有这个问题。
2025-01-12 22:14