uni-app, 微信小程序,自定义tabbar 闪烁问题

解决方案
用一个大页面, 包含其他tab小页面, 从而解决闪烁问题

//	组件端接收
props: {
		currentPagePath: null
},
<cloudPlatform ref="clouddata" v-show="showMeunType === 'cloudPlatform'" />
<index3 v-show="showMeunType === 'index3'" />
<myhome ref="homedata" v-show="showMeunType === 'myhome'"></myhome>
<!--调用组件 通过这里的type 向tabbar组件传值 -->
<custom-tab-bar :currentPagePath="type" @tabCut="tabCut"></custom-tab-bar>
tabCut(type) {
	if (type == 0) {
		uni.pageScrollTo({
		scrollTop: 0,
		duration: 1 // 滚动持续时间,单位为毫秒
		});
		this.type = type;
		this.showMeunType = 'index3';
		this.denglu();
	}
}


评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值