Запрет рендеринга страницы перед возвратом данных

Question

Я использую Nuxtjs и у меня есть страница, которая возвращает некоторые данные из хранилища vuex

created () {
    this.$store.dispatch('cases/loadcases');
  },

Как мне заставить мою страницу ждать, пока данные не будут возвращены, перед рендерингом?

Большое спасибо

Answer 1

Вы можете использовать методы nuxt asyncData / fetch . Вот пример страницы, которая будет загружена через 10 секунд:

function timeout(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}
export default {
  async fetch({ store, redirect }) {
    await timeout(10000) // emulate long api call
  }
}

Answer 2

Вы не можете. Все, что вы можете, это показать какой-то загрузчик (компонент) или просто не показать компонент во время загрузки с помощью директивы v-if или v-show. Вот и все.