解决uniapp自定义tabbar初次点击闪烁问题
时间: 2023-09-12 10:07:19 浏览: 2199
uniapp小程序自定义动态tabbar
Uniapp自定义TabBar初次点击闪烁问题通常是由于TabBar组件的选中状态改变时触发了页面的重新渲染,导致页面短暂的闪烁。解决这个问题的方法有以下几种:
1. 利用uniapp提供的 `uni.switchTab()` API 跳转页面,而不是使用 `uni.navigateTo()` 或 `uni.redirectTo()`;
2. 在TabBar组件中使用 `v-if` 或 `v-show` 控制选中状态的展示,而不是通过改变选中状态的变量来控制;
3. 在TabBar组件中使用 `position: fixed` 和 `z-index` 来控制选中状态的展示,而不是通过改变选中状态的变量来控制;
4. 在TabBar组件中使用 `vue-router` 的 `keep-alive` 组件缓存页面,避免页面的重新渲染。
以上方法可以根据具体情况选择使用,希望能够解决你的问题。
阅读全文