小编Sha*_*der的帖子

如何在应用程序启动之前在 Nuxt.js 中创建预加载/启动画面?

我试图在路由之间添加一个如 nuxt.js 文档中所示的加载器,但它不起作用。但我无法在应用程序启动之前添加启动画面。

我的components/loading.vue 中的代码片段

<template>
  <div v-if="loading" class="loading-page">
    <p>Loading...</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    loading: false
  }),
  methods: {
    start(){
      this.loading = true
    },
    finish(){
      this.loading = false
    }
  }
}
</script>
Run Code Online (Sandbox Code Playgroud)

nuxt.js.config

export default {
...

loading: '~/components/loading.vue'
...
}
Run Code Online (Sandbox Code Playgroud)

splash-screen vue.js nuxt.js nuxtjs

5
推荐指数
1
解决办法
649
查看次数

标签 统计

nuxt.js ×1

nuxtjs ×1

splash-screen ×1

vue.js ×1