使标题在所有组件上（登录时除外）可用>>

Question

假设我要在layouts / default.vue

上导入标头组件

<template>
  <div>
    <b-container class="mt-5">
      <b-row>
        <b-col md="6" class="mb-3">
          <Header />
        </b-col>
        <b-col md="6">
          <nuxt />
        </b-col>
      </b-row>
    </b-container>
    <Header/>
    <nuxt/>
  </div>
</template>

<script>
import Header from "@/components/Header.vue";

export default {
  components: {
    Header
  }
};
</script>

<style>
...
</style>
并且该标头将在所有组件上呈现。 

我的问题是如何使标头可用于除Login.vue之外的所有组件上？

关于从哪里开始实现这一目标的任何想法。

假设我要在layouts / default.vue上导入标头组件。vue

Answer 1

当前路由路径为'$ route.path'，因此请使用'v-show'进行判断。