Javascript Vuejs使用quasar框架在注册页面上使用v-if隐藏组件

我使用的是quasar drawer，我想在注册视图中隐藏该抽屉，用我当前的代码它确实隐藏了，但问题是当我重新加载注册页面时，它仍然在几毫秒内呈现在DOM中，然后抽屉消失

我不知道如何修复在DOM中根本看不到抽屉渲染的问题，或者可能控制抽屉，默认情况下将其设置为false，并在其他路径上显式手动渲染

<template>
  <div>
    <q-header elevated class="bg-indigo-4">
      <q-toolbar>
        <q-toolbar-title class="flex flex-center"></q-toolbar-title>
      </q-toolbar>
    </q-header>

    <q-drawer
      v-model="drawer"
      v-if="!$route.meta.hideDrawer"
      :width="300"
      :breakpoint="400"
    >
      <q-scroll-area
        style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd"
      >
        <drawer-navigation></drawer-navigation>
      </q-scroll-area>
      <drawer-header></drawer-header>
    </q-drawer>
  </div>
</template>

<script>
import DrawerNavigation from "@/components/navigation/DrawerNavigation";
import DrawerHeader from "@/components/navigation/DrawerHeader";
export default {
  components: {
    DrawerNavigation,
    DrawerHeader
  },
  data() {
    return {
      drawer: true
    };
  }
};
</script>

---

尝试创建另一个变量，如

isDrawerHidden:false

，并将其放入

q-drawer的
v-if

并对
使用监视程序$route.meta.hideDrawer
和变量isDrawerHidden

被监视元素的值

@sedska您找到解决方案了吗？

{
 path: "/employers/signup",
 name: "EmployersSignup",
 component: () =>
   import(/* webpackChunkName: "about" */ "../views/EmployerSignup.vue"),
 meta: { hideDrawer: true }
},