Vue SSR Как отобразить данные страницы (дочерних) в макете (дедушка и бабушка) - PullRequest
Новая
       74

Vue SSR Как отобразить данные страницы (дочерних) в макете (дедушка и бабушка)

0 голосов
/ 11 июля 2020

Я использую сетку, и я хочу отобразить заголовок страницы (доступен только в компоненте страницы) в DefaultLayout.

Пробовал vuex, но поскольку реактивность данных отключена в режиме SSR, заголовок отображается как на предыдущей странице.

Слоты тоже не работают, потому что router-view не контролируется.

Есть идеи?

Приложение. vue Шаблон: 

<template>
  <default-layout>
    <v-slide-x-transition>
      <router-view />
    </v-slide-x-transition>
  </default-layout>
</template>

макеты / По умолчанию. vue: 

<template>
  <v-app>
    <v-app-bar
      app
      dark
      color="primary"
    >
      <v-app-bar-nav-icon @click="drawer = !drawer" />
      <v-toolbar-title class="pl-0">
        <!-- NO IDEA -->
      </v-toolbar-title>
    </v-app-bar>
    <v-main class="ma-5">
      <slot />
    </v-main>
  </v-app>
</template>

страниц / Индекс. vue и многие другие страницы 

No Idea. Assume title is available as this.$page.title
...