p***@qq.com
p***@qq.com
  • 发布:2025-07-26 19:13
  • 更新:2025-07-28 10:22
  • 阅读:285

【报Bug】vue3组合式开发中mixin混入的onShow跟页面中的onShow执行顺序异常

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.75

第三方开发者工具版本号: 1.06.2504010

基础库版本号: 3.8.12

项目创建方式: HBuilderX

操作步骤:
// main.js  
import App from './App';  
import { createSSRApp } from 'vue'  
export function createApp() {  
    const app = createSSRApp(App)  
    app.mixin({  
        onShow() {  
            console.log('全局onshow')  
        }  
    })  
    return {  
        app,  
        Pinia,  
    }  
}
// 页面 组合式  
<script setup>  
    import { onShow } from '@dcloudio/uni-app'  
    onShow(() => {  
        console.log('页面 onShow 执行')  
    })  
</script>
// 页面 选项式  
<script>  
    export default {  
        data() {  
            return {}  
        },  
        onShow() {  
            console.log('页面 onShow 执行')  
        }  
    }  
</script>

预期结果:

全局onshow--->页面 onShow 执行

实际结果:

页面选项式:全局onshow--->页面 onShow 执行

页面组合式:页面 onShow 执行--->全局onshow

bug描述:

vue3组合式开发中mixin混入的onShow跟页面中的onShow执行顺序异常。

页面选项式:执行顺序,mixin(onshow)--->页面onshow

页面组合式:执行顺序,页面onshow--->mixin(onshow)

2025-07-26 19:13 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

经过测试 vue 项目中也存在此问题,并不是uniapp封装之后产生的问题,

要回复问题请先登录注册