遇到问题不要怕,一定要去克服它
遇到这么一个需求,当事件触发时,展示popup组件。
在H5上没问题,会自动覆盖tabbar。但是在微信小程序的时候遇到了问题,没有进行覆盖。
如图:
H5:

微信小程序:
那么如何根据某条件动态调整tabbar的隐藏显示呢?
经查找,微信小程序有这个么个api
隐藏tabbar: wx.hideTabBar()
展示tabbar: wx.showTabBar()
有了对应的api就可以进行代码的调整了。
watch: {
show: {
handler(val, oldVal) {
if (val) {
// #ifdef MP-WEIXIN
wx.hideTabBar()
// #endif
} else {
// #ifdef MP-WEIXIN
wx.showTabBar()
// #endif
}
},
immediate: true,
deep: true
}
},
因为是在微信小程序中出现的问题,所以该逻辑只针对微信小程序。
由此便解决了问题
在解决微信小程序中popup组件无法覆盖tabbar的问题时,通过查找文档发现微信小程序提供了wx.hideTabBar()和wx.showTabBar()两个API来隐藏和显示tabbar。通过在watch对象中监听变量show的状态,并结合条件判断调用这两个API,实现了在特定条件下动态隐藏和显示tabbar,从而在微信小程序中达到预期效果。
2170






