Vuejs2 在返回数据之前阻止页面呈现

Vuejs2 在返回数据之前阻止页面呈现,vuejs2,nuxt.js,Vuejs2,Nuxt.js,我使用的是Nuxtjs,有一个页面可以从vuex商店返回一些数据 created () { this.$store.dispatch('cases/loadcases'); }, 如何让我的页面等待数据返回后再渲染 非常感谢你不能。您所能做的就是显示某种加载程序(组件),或者在使用v-if或v-show指令加载期间不显示组件。仅此而已。您可以使用nuxt/方法。 以下是10秒后将加载的页面示例: function timeout(ms) { return new Promise

我使用的是Nuxtjs,有一个页面可以从vuex商店返回一些数据

created () {
    this.$store.dispatch('cases/loadcases');
  },
如何让我的页面等待数据返回后再渲染


非常感谢

你不能。您所能做的就是显示某种加载程序(组件),或者在使用v-if或v-show指令加载期间不显示组件。仅此而已。

您可以使用nuxt/方法。 以下是10秒后将加载的页面示例:

function timeout(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}
export default {
  async fetch({ store, redirect }) {
    await timeout(10000) // emulate long api call
  }
}
。。。你的页面如果
案例
是一个数组并且在
数据
部分中。