v-loading延时
时间: 2023-08-07 18:02:20 浏览: 188
v-loading指令可以通过设置delay属性来延时显示加载效果。默认情况下,加载效果会立即显示,但是如果设置了delay属性,加载效果会在延时时间后才显示出来。例如,可以在使用v-loading指令的元素上添加delay属性来设置延时时间,单位为毫秒。例如,可以这样使用v-loading指令来延时显示加载效果:
<div v-loading="loading" :delay="1000"></div>
上述代码中,加载效果会在1000毫秒(1秒)后才显示出来。这样可以给接口请求一定的响应时间,如果在延时时间内请求完成,则加载效果不会显示出来。
#### 引用[.reference_title]
- *1* *3* [Vue进阶(一):v-loading实现加载效果](https://blog.csdn.net/qq_45516629/article/details/106265213)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [v-loading使用(来自官网介绍)](https://blog.csdn.net/sherpan/article/details/97935370)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文