Vuejs2 在返回数据之前阻止页面呈现
我使用的是Nuxtjs,有一个页面可以从vuex商店返回一些数据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
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
}
}
。。。你的页面代码>如果案例
是一个数组并且在数据
部分中。