uni-app排坑指南

scroll-view

scroll-view内自定义滑块view在微信小程序位移问题

在微信小程序下，scroll-view标签内如果想做一个绝对定位的滑块，需要做个.scroll-content再包一层，否则可能导致滑块位置不正确。

正确示例：

<template>
	<view class="container">
		<scroll-view scroll-x>
			<view class="scroll-content" style="position: relative;">  <!--这里再包一层-->
					<view class="tab-item" v-for="(item, index) in tabData" :key="index">内容</view>
				<view class="underLine" style="position:absolute;"></view>
			</view>
		</scroll-view>
	</view>
</template>

uni.createSelectorQuery

在安卓下，query查询器重复再次使用找不到元素

uni.createSelectorQuery().in(this)返回的查询器在安卓下只能用一次

<script>
export default {
    methods: {
        updateTabLeft(tabData) {
            // const query = uni.createSelectorQuery().in(this)  查询器建议放循环里面，如下
            tabData.forEach((tabItem, index) => {
				const query = uni.createSelectorQuery().in(this)
				query.select(`#tab-item-${tabItem.id}`).boundingClientRect(elementData => {
			        console.log("得到布局位置信息" + JSON.stringify(elementData))
					}).exec()
				})
        }
    }
}
</script>