遇到问题不要怕,一定要去克服它
遇到这么一个需求,当事件触发时,展示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
}
},
因为是在微信小程序中出现的问题,所以该逻辑只针对微信小程序。
由此便解决了问题