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()
  }
});