Javascript nuxt js中的异步组件延迟

异步组件延迟和加载不工作

我的代码：

<template>
   <div>
     <button @click="startMethod">start</button>
     <async-component v-if="start" />
   </div>
</template>

<script>
import Loading from '~/components/loading.vue'
import Error from '~/components/error'

const AsyncComponent = () => ({
  component: import('~/components/someComponent.vue'),
  loading: Loading, // not work
  error: Error, // good
  delay: 2000, // not work
  timeout: 3000 // good
});
export default {
  components: {
    AsyncComponent
  },
  data: () => ({
    start: false
  }),
  methods: {
    startMethod(){
      this.start = true
    }
  }
}
</script>

开始
从“~/components/Loading.vue”导入加载
从“~/components/Error”导入错误
常量异步组件=（）=>({
组件：导入（“~/components/someComponent.vue”），
加载：加载，//不工作
error:error，//很好
延迟：2000，//不工作
超时：3000/好
});
导出默认值{
组成部分：{
异步组件
},
数据：（）=>({
开始：错误
}),
方法：{
startMethod（）{
this.start=true
}
}
}

如何延迟加载组件的显示？我不明白为什么加载程序不显示，延迟不工作。

因为它是

显示加载组件之前的延迟。默认值：200毫秒

参考：

---

尝试将其设置为10或0您将看到您正在加载的组件

您当前使用的Vue版本是什么？看见你至少需要Vue 2.3.0和Vue Router 2.4.0i使用nuxt js-2.10版（最新版本）这不是我要问的，我认为延迟是显示异步组件的延迟。谢谢