在topWindow视图中，使用了组件match-media
w***@hotmail.com
- 发布：2024-12-04 09:16
- 更新：2025-03-12 10:27
- 阅读：147
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 4.36
浏览器平台： Chrome
浏览器版本： 130.0.2849.68 (正式版本) (64 位)
项目创建方式： HBuilderX
操作步骤：
预期结果：
希望可以恢复之前
希望可以恢复之前
实际结果：
异常报错提示 $page 不存在
异常报错提示 $page 不存在
bug描述：
在topWindow视图中，使用了组件match-media，编译运行后浏览器报错， 之前版本都是正常的，而且这个bug之前几年有人提出过，现如今升级后依然出现...希望尽快修正
<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