javascript — задержка асинхронных компонентов в nuxt js

Задержка асинхронных компонентов в nuxt js

Задержка асинхронного компонента и загрузка не работают.

Мой код:

 {amp}lt;template{amp}gt; {amp}lt;div{amp}gt; {amp}lt;button @click="startMethod"{amp}gt;start{amp}lt;/button{amp}gt; {amp}lt;async-component v-if="start" /{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/template{amp}gt; {amp}lt;script{amp}gt; import Loading from '~/components/loading.vue' import Error from '~/components/error' const AsyncComponent = () ={amp}gt; ({ component: import('~/components/someComponent.vue'), loading: Loading, // not work error: Error, // good delay: 2000, // not work timeout: 3000 // good }); export default { components: { AsyncComponent }, data: () ={amp}gt; ({ start: false }), methods: { startMethod(){ this.start = true } } } {amp}lt;/script{amp}gt; 

Как мне задержать отображение загрузки компонента? и я не понимаю, почему не отображается загрузчик и не работает задержка.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector