注册登录

kidd

kidd

发布：2020-12-07 23:42
更新：2023-04-25 15:34
阅读：2525

uniapp在h5下，子组件的onLoad无效

分类：uni-app

h5 uniapp

页面自身的onLoad没问题，
但是页面中引用的子组件，子组件内必须要用created才有效，
为什么呢？

页面部分代码

<template>  
    <view class="my-wrap">  
            <myChat v-if="tvInfo"></myChat>  
        </view>  
    </view>  
</template>  

 import myChat from '@/components/my/my-chat/my-chat.vue';  

 export default {  
        components: {  
            myChat  
        },  
}

2020-12-07 23:42 负责人:无分享

3 个回复

现象uniapp中onLoad不执行或者不起作用。
原因onLoad是页面函数，不是组件函数，
所以在页面当中引用components的时候onLoad函数不执行，
因为没有钩子。例子：不起作用index.vue：create.vue但是单独访问create.vue可以发现onLoad执行了。
解决办法使用vue自带生命周期函数，如：created(){}或mounted(){}

口区 - 惹

https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e7%bb%84%e4%bb%b6%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f
组件生命周期跟vue是一样的

uniapp追随者

uniapp追随者

组件没有onLoad生命周期

要回复问题请先登录或注册