6***@qq.com
6***@qq.com
  • 发布:2023-05-13 21:24
  • 更新:2023-05-13 21:24
  • 阅读:175

【报Bug】组合式api无法触发onResize事件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.7.11

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米11

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

import { onLoad, onUnload, onPullDownRefresh, onResize, onShow, onReachBottom } from '@dcloudio/uni-app'
import { ref } from "vue"
export const useListLifeCycle = function() {
const showType = ref("card")
//事件无法触发
onResize(e1 => {
console.log("onResize")
showType.value = e1.deviceOrientation === 'portrait' ? 'card' : 'table';
console.log("showType", showType.value)
})
//事件正常触发
onShow(() => {

    const sysInfo = uni.getSystemInfoSync();  
    showType.value = sysInfo.screenWidth < sysInfo.screenHeight ? 'card' : 'table';  
    console.log("onshow", showType.value)  
})  
    //事件正常触发  
onReachBottom(() => {  
    console.log(" on reach bottom")  
})  
return { showType }  

}

操作步骤:

把代码示例中的脚本引入一个组件中,然后在页面中引入这个组件

预期结果:

手机旋转屏幕后,触发onResize事件,showType的值会进行变化

实际结果:

手机旋转屏幕没有触发onResize事件,但是app退出前台再打开触发了onshow事件

bug描述:

在页面中onResize事件可以正常触发,但是通过组合式api在组件中导入onResize事件,事件无法触发

2023-05-13 21:24 负责人:无 分享
已邀请:

要回复问题请先登录注册