116611@126.com
116611@126.com
  • 发布:2019-03-03 13:14
  • 更新:4 天前
  • 阅读:1084

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}}
<!--{{artId}}此处artId是能显示的-->
</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><!--item.art_id有值-->
<script>
import author from "../../components/author.vue";
components:{author}
</script>

2019-03-03 13:14 分享
已邀请:
zzk

zzk

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

  • 116611@126.com (作者)

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

    2019-03-03 13:42

116611@126.com

116611@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;
}
}
})
},
}

1550052401@qq.com

1550052401@qq.com

为什么我改了,不好用呢

wo1400466566@163.com

wo1400466566@163.com

组件会使uniapp的生命周期失效,换成vue的生命周期就行了

要回复问题请先登录注册