uniapp中使用弹出框控制Tab栏区域显示与隐藏

本文主要是介绍uniapp中使用弹出框控制Tab栏区域显示与隐藏，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在uniapp中提供控制TabBar的显示与隐藏的函数  uni.hideTabBar() 与 uni.showTabBar()

<nut-button block type="primary" @click="JDdetail()" >立即接单</nut-button>
<---弹出框--->
<nut-popup style="z-index: 999;" position="bottom" closeable :custom-style="{ height: '70%' }" v-model:visible="showIcon">
</nut-popup>const isshow=ref(false)//控制弹出框的显示与隐藏// 监听弹出框变化来显示与隐藏TabBar
watch(showIcon, (newValue, oldValue) => {if(newValue){uni.hideTabBar()}else{uni.showTabBar()}
});

这篇关于uniapp中使用弹出框控制Tab栏区域显示与隐藏的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---