兄弟们， vue 网页有没有办法实现页面首页加载超过 1 秒才显示 loading， 1 秒内就不显示 loading 吗

[dafuyang]

目前我采用的是常规的实现方式，在还 vue 没渲染的时候显示 loading ，挂载渲染后隐藏 loading ，首次效果不错，但是后续浏览器有缓存了，在加载很快的情况下，loading 的显示就会闪一下，感觉不是很爽，有办法实现我标题中的这种需求吗。。

[lambdaq]

强行假装 1 秒再展示即可。

[dafuyang]

@lambdaq 这个我也想到了，延迟 1 秒在隐藏，看看其他兄弟有没有好办法，不行的话只能这么改咯。。

[renmu]

全屏 loading 的话可以强行多看几秒 loading

[rabbbit]

const timeoutId = setTimeout(() => this.loading = true, 1000)
try {
const res = await getResource()
} catch(err) {
console.log(err)
}
this.loading = false
clearTimeout(timeoutId)

[horseInBlack]

骨架屏 / v-cloak

[vace]

如果你的 loading 在实例中的话，可以用 defineAsyncComponent 定义一个入口的异步组件，在 loader 里面加载数据和其他组件，用 delay 控制 loadingComponent 的展示时机。

[SQLException]

记一下平均耗时？超过一定范围才渲染 loading

[anguiao]

强行显示 1 秒的 loading 呗，不然还有啥办法呢？毕竟你不能预知要加载多久啊😂

[dafuyang]

@SQLException 咋判断时间呢，我题目就是问这个的意思。。

[SQLException]

@dafuyang #9 https://juejin.cn/post/6844903569900978189
参考这个？不是让你算现在这个页面加载多久再决定是否开启 loading
是让你算前面几个页面的平均值，小于一定值就禁用 loading

[darkengine]

在 index.html 的 head 元素里用 js script 脚本设置个 1 秒的 timeout ，到了再显示 loading 。当在 vue 加载出来时判断这个 timeout 在不，如果在的话（加载时间小于 1 秒）取消掉。

[sheeta]

刚好 1.1 秒加载完成呢，loading 不还是一闪而过吗，所以问题不在这

[lightyisu]

以前好像做过但是没用判断不出来 contentloaded 时间 伪 1S 感觉在浪费时间尽管人感受不出来速度。所以感觉没必要折腾完美。

[yfugibr]

300ms 内没加载完才显示 loading ，如果显示 loading ，至少显示 1s

[MrHyde]

1s 已经够久的了

[huijiewei]

我是强制显示 1 秒的 loading 。。

[gaolingyi]

antd 的 Spin 就是这种设计, 但是我觉得, 直接展示 loading,至少展示 300ms 的逻辑更简单

[ragnaroks]

直接显示加载指示器，给这个组件加上 1 秒的 opacity 从 0 到 100% 的 transtion

[cangcang]

让你的 loading 延迟一秒展示

[SmiteChow]

谁喜欢看 loading 啊，一闪而过代表网速性能好，是正反馈啊。