①问题描述
组件的wxml中,使用wx:if控制view的条件显示隐藏:
<view wx:if="{{type == 1}}"> some text </view>
其是否显示由从后台获取到的数据决定,因此想到类似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