小程序开发踩坑记录(一)——component的生命周期函数created中setData无效

①问题描述

组件的wxml中,使用wx:if控制view的条件显示隐藏:

 some text 

其是否显示由从后台获取到的数据决定,因此想到类似page中在onload函数中获取数据并setData。
但是组件component的生命周期函数为:

lifetimes:{
	created() {},
	attached() {},
	ready() {}
	.
	.
	.
}

一开始的思路为:在created函数中向后台请求数据并使用setData改变data中的type。
后发现页面并没有动态渲染。

②解决方式

将请求数据、setData过程写在attached中而不是created中。

③总结

created 组件实例化,但节点树还未导入,因此这时不能用setData
attached 节点树完成,可以用setData渲染节点,但无法操作节点
ready(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点
moved 组件实例被移动到树的另一个位置
detached 组件实例从节点树中移除
.
.
参考自:https://blog.csdn.net/crabfrog/article/details/82768865

你可能感兴趣的:(小程序)