javascript - Laman web spa berasaskan Vue, kepala dan ekor beberapa halaman tidak tetap

Question

Gunakan Vue untuk membuat tapak web spa, tetapi sesetengah halaman tidak memerlukan pengepala dan ekor, atau pengepala sedikit berbeza Contohnya, jika anda mengklik untuk log masuk, anda tidak memerlukan pengepala dan bar navigasi. Apa yang perlu dilakukan pada masa ini? Satu kaedah ialah menjadikan komponen kepala dan ekor menjadi komponen, dan kemudian mengimport kedua-dua komponen ini ke dalam halaman yang diperlukan, tetapi rasanya jumlah kod itu terlalu banyak. Adakah cara lain selain ini?

Answer 1

Anda boleh rujuk paparan yang dinamakan di tingkat atas
Saya akan menghantar konfigurasi penghala kepada anda, anda akan memahaminya dengan pantas

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

Tulis semuanya, tunjukkan apabila diperlukan, sembunyikan apabila tidak diperlukan?
Tetapi bukankah kaedah anda sendiri sangat bagus Kepala dan ekornya adalah biasa, dan anda boleh memuatkannya mengikut laluan

?

Answer 3

Adakah mungkin untuk menambah syarat penghakiman dan sama ada untuk memaparkan kepala dan ekor mengikut syarat? v-jika lain

Answer 4

Tulis penghalaan berbilang peringkat.

Answer 5

Anda boleh mempertimbangkan pandangan bernama vue-route Keperluan khusus akan bergantung pada perniagaan

.

Answer 6

Mengikuti masalah yang sama dihadapi seperti ini