Promise的.then&.catch&.finally方法#Vue3

Promise的.then&.catch&.finally方法#Vue3

注意:与.then和.carth的使用方式一样,这个放在最后,一般是加载完成后执行的操作,比如下面的关闭菊花加载图标

不管promise最后的状态,在执行完.then或.catch指定的回调函数以后,都会执行finally方法指定的回调函数关闭加载图标。

bash 复制代码
.then(()=>{
    // Promise实例,返回成功状态时,执行的方法,即返回resolve()
    console.log('成功')
}).catch(()=>{
    // Promise实例,返回失败状态时,执行的方法,即返回reject()
    console.log('失败')
}).finally(()=>{
    // 不论走 then()方法-成功 或者 catch()方法-失败,最终都会执行finally()方法中的逻辑代码。
    this.loading = false
})
相关推荐
GISer_Jing20 分钟前
[总结篇]个人网站
前端·javascript
ss.li21 分钟前
TripGenie:畅游济南旅行规划助手:个人工作纪实(二十二)
javascript·人工智能·python
疯狂的沙粒42 分钟前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
程序员秘密基地43 分钟前
基于vscode,idea,java,html,css,vue,echart,maven,springboot,mysql数据库,在线考试系统
java·vue.js·spring boot·spring·web app
小妖6661 小时前
html 滚动条滚动过快会留下边框线
前端·html
heroboyluck1 小时前
Svelte 核心语法详解:Vue/React 开发者如何快速上手?
前端·svelte
海的诗篇_1 小时前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
琹箐1 小时前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue
程序员-小李1 小时前
VuePress完美整合Toast消息提示
前端·javascript·vue.js
Uyker2 小时前
从零开始制作小程序简单概述
前端·微信小程序·小程序