新增页面导航区域

“dzb”

2022-11-03 1d81702468678e5b2e46916a4369429fdb1d8b4b

 src/views/layout/components/Main/index.vue

@@ -2,7 +2,9 @@
  <el-main>
    <!-- <NavBar /> -->
    <div class="content">
      <router-view></router-view>
      <!-- 页面导航区域 -->
      <div class="page-nav" v-if="navFlag"></div>
      <router-view v-else></router-view>
      <!-- 底部区域 -->
      <!-- <MyFooter/> -->
    </div>
@@ -17,6 +19,16 @@
  components: {
    // MyFooter,
    NavBar
  },
  data() {
    return {
      navFlag:true
    }
  },
  watch:{
    '$route.path'(newPath,oldPath){
      newPath === '/home' ? this.navFlag = true : this.navFlag = false
    }
  }
};
</script>