delay选项控制加载状态最小显示时长(毫秒),仅在配置loadingcomponent时生效;默认200ms,设0则立即显示,设500+可避免误闪;不影响timeout超时逻辑。

用 delay 选项控制最小显示加载状态的时长,单位是毫秒。
delay 参数的作用
它定义了从开始加载到显示 loadingComponent 之间的等待时间。如果组件在 delay 时间内加载完成,就不会显示加载态,避免“一闪而过”的闪烁感。
- 默认值是 200ms,适合多数网络环境
- 设为 0 表示立即显示加载组件,适合已知体积大、加载明显慢的场景
- 设为 500 或更高,适合希望更严格避免误闪、且能接受稍长等待反馈的情况
配合 loadingComponent 使用才生效
delay 只在你配置了 loadingComponent 时起作用。没配加载组件,这个延迟设置就无效。
递归分析 Vue 项目组件依赖,从入口文件生成组件层级图,支持 Vue 2/3,输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 正确写法:
loadingComponent: Loading(组件引用)或loadingComponent: () => import('./Loading.vue') - 错误写法:只写
delay: 100却没提供loadingComponent,此时 delay 被忽略
实际配置示例
下面这段代码表示:最多等 150ms,如果还没加载完,就显示 Loading 组件:
const AsyncChart = defineAsyncComponent({<br> loader: () => import('./Chart.vue'),<br> loadingComponent: Loading,<br> delay: 150<br>})
注意:delay 不影响超时逻辑,超时由 timeout 控制,两者独立。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










