javascript - Laman web spa berasaskan Vue, kepala dan ekor beberapa halaman tidak tetap
PHPz
PHPz 2017-05-19 10:24:50
0
6
707

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?

PHPz
PHPz

学习是最好的投资!

membalas semua(6)
世界只因有你

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>
刘奇

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

?
小葫芦

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

刘奇

Tulis penghalaan berbilang peringkat.

Peter_Zhu

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

.
某草草

Mengikuti masalah yang sama dihadapi seperti ini

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan