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

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

开发环境 版本号 项目创建方式
Windows 10 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>

更多关于uni-app vue3组合式开发中mixin混入的onShow跟页面中的onShow执行顺序异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app vue3组合式开发中mixin混入的onShow跟页面中的onShow执行顺序异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


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

回到顶部