uni.createSelectorQuery渲染后执行

最新推荐文章于 2024-07-19 14:44:26 发布

百味苦

最新推荐文章于 2024-07-19 14:44:26 发布

阅读量6.7k

点赞数 3

分类专栏： uni 文章标签： uni

本文链接：https://blog.csdn.net/qq_38026437/article/details/103832951

版权

当在uni-app中使用createSelectorQuery时，由于与数据赋值同步调用，导致只能获取到旧的渲染数据。为解决此问题，可以等待页面渲染完成后再调用。目前采用setTimeout作为临时替代方案，但官方建议在生命周期钩子如onReady之后调用。对于自定义组件编译模式，需结合this.$nextTick使用，以确保在DOM更新后执行selectorQuery。

摘要由CSDN通过智能技术生成

每次使用createSelectorQuery时，因为和数据赋值一起调用，所以导致只能获取到上一次渲染的数据，

如果能让这个函数在渲染之后调用，就可以完美解决了

暂时不知道怎么监听页面是否渲染。

所以只能使用 setTimeout临时代替一下

	scrollToBottom: function () {
					let query = uni.createSelectorQuery();
					query.in(this).selectAll('.main-item').boundingClientRect();
					query.in(this).select('#scrollview').boundingClientRect();
					query.exec((res) => {
							let mitemHeight = 0;
							console.log("元素",res);
							res[0].forEach((rect) => mitemHeight = mitemHeight + rect.height + 40)  
							if (mitemHeight > that.solHeight) {  
									that.scrollTop = (mitemHeight + 100)
							}
	　　　　})
			}

注意一下

官方文档