vue.js - 有没有办法在 vue.js 中使用一个组件页面同时限制其他组件？

Question

我正在构建 web 应用程序，其中包括身份验证页面，如 login.vue 和 register.vue 组件，我也使用抽屉.vue 页面作为核心组件，即我在整个项目或所有其他组件。

这里的问题是我不想在 login.vue 和 register.vue 组件中使用 Drawer.vue 组件。

我已经尝试通过在 app.vue 文件中执行 "v-if="$route.name !== 'register'" 来限制 register.vue 组件。

<template>
  <v-app>
    <core-toolbar v-if="$route.name !== 'register'" />
    <core-drawer v-if="$route.name !== 'register'" />
    <core-view />
  </v-app>
</template>

这里的问题是我无法限制 login.vue 组件，我只能限制 register 组件，有没有人有更好的解决方案？

标签： vue.js