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

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指令加载过程中不显示组件。就是这样。