uni-app自定义组件传值，onload里为何不好用?

分类：uni-app

请教：父组件传值artId,在子组件author中模板能显示，但是在onload中url:this.apiServer + 'art&m=articleAuthor&artid='+artId,为空，换上具体数值比如59就好用。小白一个，请各位大大帮忙看看，谢谢！
子组件：
<template name="author">
<view>
来自：{{authorinfo.u_name}}发布时间：{{authorinfo.art_createtime}}

</view>
</template>
<script>
var authorinfo, artId;
export default {
name : "author",
data() {
return {
authorinfo :[]
};
},
props:{
artId:1

    },  
    onLoad:function(option){  
        artId = option.artId;  
        uni.request({  
            url:this.apiServer + 'art&m=articleAuthor&artid='+artId,  
            method: 'GET',  
            success: res => {  
                if(res.data.status == 'ok'){  
                    console.log(res.data);  
                    this.authorinfo = res.data.data;  
                }  
            }  
        })  
    }

}
</script>
父组件没问题代码节略：
<author :artId="item.art_id"></author>
<script>
import author from "../../components/author.vue";
components:{author}
</script>

2019-03-03 13:14 负责人:无分享

5 个回复

zzk

只有页面才有onLoad onShow
组件和vue一样用mounted吧

1***@126.com (作者)

谢谢回复，可以用吧？我在官方文档中uni-app组件的常见问题中看到可以用，在项目中也没问题，只是artId在onload中失效了

2019-03-03 13:42

1***@126.com (作者)

把onload改成computed，终于好用了
computed:{
show (option){
artId = option.artId;
uni.request({
url:this.apiServer + 'art&m=articleAuthor&artid='+artId,
method: 'GET',
success: res => {
if(res.data.status == 'ok'){
console.log(res.data);
this.authorinfo = res.data.data;
return this.authorinfo;
}
}
})
},
}