javascript - Site Web de spa basé sur Vue, le début et la fin de certaines pages ne sont pas corrigés

Question

Utilisez Vue pour créer un site Web de spa, mais certaines pages ne nécessitent pas d'en-têtes et de queues, ou les en-têtes sont légèrement différents. Par exemple, si vous cliquez pour vous connecter, vous n'avez pas besoin d'en-tête ni de barre de navigation. Que faire à ce moment ? Une méthode consiste à transformer les composants head et tail en composants, puis à importer ces deux composants dans les pages requises, mais il semble que la quantité de code soit trop importante. Existe-t-il un autre moyen que celui-ci ?

Answer 1

Vous pouvez vous référer à la vue nommée à l'étage
Je vous enverrai une configuration du routeur, vous la comprendrez d'un coup d'œil

.

routes: [
    {
      path: '/login',
      name: 'login',
      meta: {auth: false, title: '登录'},
      component: Login
    },
    {
      path: '/',
      meta: {title: '首页', active: 1},
      component: resolve => require(['../pages/main'], resolve),
      children: [
        erp,
        crm,
        ...
}]

main.vue

<template>
  <el-row class="container">
    <el-col :span="24" class="header">
      <router-view name="top"></router-view>
    </el-col>
    <el-col :span="24" class="main">
      <aside>
        <router-view name="left"></router-view>
      </aside>
      <section class="content-container">
        <transition name="fade">
          <router-view keep-alive></router-view>
        </transition>
      </section>
    </el-col>
  </el-row>
</template>

Answer 2

Écrire tout, l'afficher en cas de besoin, le cacher lorsqu'il n'est pas nécessaire ?
Mais votre propre méthode n'est-elle pas plutôt bonne ? Le début et la fin sont communs, et vous pouvez les charger en fonction du routage

Answer 3

Est-il possible d'ajouter une condition de jugement et d'afficher ou non la tête et la queue en fonction de la condition ? v-si autrement

Answer 4

Écrivez un routage multi-niveaux.

Answer 5

Vous pouvez envisager la vue nommée de vue-route. Les besoins spécifiques dépendront de l'entreprise

.

Answer 6

Suivez-moi si vous rencontrez ce problème