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
})
相关推荐
你挚爱的强哥几秒前
✅✅✅【Vue.js】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本
javascript·vue.js·jquery
y先森35 分钟前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy35 分钟前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu108301891138 分钟前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿2 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡3 小时前
commitlint校验git提交信息
前端
天天进步20153 小时前
Vue+Springboot用Websocket实现协同编辑
vue.js·spring boot·websocket
虾球xz3 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇3 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒3 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript