Vuetify рендеринг на стороне сервера - PullRequest
Новая
       79

Vuetify рендеринг на стороне сервера

0 голосов
/ 12 апреля 2020

Я использую nuxt с SSR и столкнулся с проблемой: как отобразить дочерние элементы в компоненте на серверной части? Проблема в том, что этот элемент появляется только когда я нажимаю на родителя,

Вот мой код: 

<template>
  <v-row justify="center">
    <v-dialog v-model="dialog" persistent max-width="310">
      <v-card class="mx-auto" width="300">
        <v-treeview :items="countries" item-text="title" item-children="cities"></v-treeview>
      </v-card>
    </v-dialog>
  </v-row>
</template>
<script>
export default {
  data() {
    return {
      userCity: [],
      dialog: this.$store.getters.initial
    }
  },
  methods: {
    initial(item) {
      this.userCity = item
      this.$store.dispatch('initialAction')
      let userData = {}
      userData.userCity = this.userCity.id
      this.$store.dispatch('userData', userData)
      this.dialog = false
    }
  },
  computed: {
    countries() {
      return this.$store.getters.countries
    }
  }
}
</script>
...