置顶怎样获得“setData界面动态渲染完毕”事件？精选热门

2018-09-261829浏览问题模块： Bug反馈

我需要利用 wx.createSelectorQuery().select('#myid') 来获得界面上某组件的属性，

但是该组件是通过setData动态生成的，所以若是在渲染完毕之前尝试获取该组件，就会得到null。

请问，有什么方法，能保证在“setData界面动态渲染完毕”之后，安全地去获得动态生态城的组件吗？

代码示例：

<view wx:for="{{mylist}}" wx:key="id" id="{{item.id}}">

{{item.text}}

</view>

Page({

data: {

mylist: [],

},

doSomething: function() {

// 动态设置数据并生成界面组件（setData似乎是一个异步调用）

this.setData([ {id: 'a', text: 'a'}, {id: 'b', text: 'b'}, {id: 'c', text: 'c'}, ]);

// 获得某个动态生成的组件的属性

wx.createSelectorQuery().select('#b').fields({rect:true}, (result) => {

// 在这里是想获得组件'#b'的top属性

// 但是，当数据量较大时，在界面渲染完毕前，脚本就已经执行到这里，此时组件还没有生成，只能得到null。

// 虽然可以用setTimeout延迟执行本段代码，数据量不定，延迟的时长也无法预测，不安全。

let top = result[0].top;

}).exec();

},

});