关于uview-ui的u-tabs标签滑块不居中的问题

先将tabs组件隐藏不加载该组件，待页面加载完成在显示。

	<view>
		<view class="tabListDiv" v-if="showTap">
				<u-tabs @click="tabClick" :list="tabList" lineWidth="30" lineColor="#f0ad4e"
					:activeStyle="{ color: '#FF8A00',fontWeight: 'bold'}" :inactiveStyle="{ color: '#080808'}"
					itemStyle="height:40px;" :scrollable="false">
				</u-tabs>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showTap:false
			}
		},
		onShow() {
			this.$nextTick(() => {
				// 解决uview u-tab，下划线异常
				this.showTap=true
			});
		},	
		methods: {
			
		}
	}
</script>

<style lang="scss">
	
</style>

原文链接