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
})
相关推荐
我叫汪枫2 小时前
前端物理引擎库推荐 - 让你的网页动起来!
前端
百思可瑞教育3 小时前
uni-app 根据用户不同身份显示不同的tabBar
vue.js·uni-app·北京百思可瑞教育·北京百思教育
雾恋6 小时前
最近一年的感悟
前端·javascript·程序员
华仔啊7 小时前
Vue3 的 ref 和 reactive 到底用哪个?90% 的开发者都选错了
javascript·vue.js
A黄俊辉A7 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理8 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
连合机器人8 小时前
晨曦中的守望者:当科技为景区赋予温度
java·前端·科技
郑板桥308 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
IT古董9 小时前
Vue + Vite + Element UI 实现动态主题切换:基于 :root + SCSS 变量的最佳实践
vue.js·ui·scss
解道Jdon9 小时前
SpringBoot4与Spring7发布:云原生深度进化
javascript·reactjs