场景:动态从后端获取数据,需要获取数据渲染后的高度。
例如:我们用scroll-view做订单展示,在滚动到底部是加载下一页的数据,在数据更新后scroll-view会回到顶部(第一个订单)的位置,这时候我们需要设置滚动条的位置到正确的位置,就需要知道每个订单项的高度。
如果用wx.createSelectorQuery()获取元素的高度,但由于一开始数据是空的,导致要获取的元素并没有渲染出来(并不存在),那么就会报null的错误(无法获取高度)。
这里的问题是元素没有渲染出来,那么我们给他一个假的数据让它渲染出来不就能获取了吗?获取是能获取了,不过这时候出现一个错误(没用、多余)的元素。
那么我们在获取到元素高度后把这个没用的数据去掉就行了。
这里有个要注意的事,以下面这种方式去除会有问题
let _this = this;
let list = [[],[],[]];
_this.setData({
list: list
})
最好是这样:
let _this = this;
let list = [[],[],[]];
_this.setData({
list: [[],[],[]]
})
总结就是:开始时给一个没用的数据以便于元素渲染出来让我们获取到高度,获取完高度后再把没用的数据清除掉。
注意代码顺序