unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。
1.66k
stars
199
forks
source link
tabbar版本 重新进来,不会停留在上一次的页面上,但是底下的tabbar会在上一次的地方高亮。 #150
Open
xmvigour opened 1 month ago
/src/components/fg-tabbar/fg-tabbar.vue
建议在这里优化下代码 原代码:
function selectTabBar({ value: index }: { value: number }) { // const url = tabbarList[index].path // tabbarStore.setCurIdx(index) // uni.switchTab({ url }) doSelTabBar(index) } const doSelTabBar = (index: number) => { const url = tabbarList[index].path tabbarStore.setCurIdx(index) uni.switchTab({ url }) } onLoad(() => { // 解决原生 tabBar 未隐藏导致有2个 tabBar 的问题 // #ifdef APP-PLUS | H5 uni.hideTabBar({ fail(err) { console.log('hideTabBar fail: ', err) }, success(res) { console.log('hideTabBar success: ', res) }, }) // #endif // add by xmvigour 重新进入的时候进入上一次的tab if (tabbarStore.curIdx > 0) { // selectTabBar(tabbarStore.curIdx) doSelTabBar(tabbarStore.curIdx) console.log('tabbarStore.curIdx', tabbarStore.curIdx) } })
改完以后:(onload坐一下判断 )
function selectTabBar({ value: index }: { value: number }) { // const url = tabbarList[index].path // tabbarStore.setCurIdx(index) // uni.switchTab({ url }) doSelTabBar(index) } const doSelTabBar = (index: number) => { const url = tabbarList[index].path tabbarStore.setCurIdx(index) uni.switchTab({ url }) } onLoad(() => { // 解决原生 tabBar 未隐藏导致有2个 tabBar 的问题 // #ifdef APP-PLUS | H5 uni.hideTabBar({ fail(err) { console.log('hideTabBar fail: ', err) }, success(res) { console.log('hideTabBar success: ', res) }, }) // #endif // add by xmvigour 重新进入的时候进入上一次的tab if (tabbarStore.curIdx > 0) { // selectTabBar(tabbarStore.curIdx) doSelTabBar(tabbarStore.curIdx) console.log('tabbarStore.curIdx', tabbarStore.curIdx) } })