有一个需求是:在点击按钮后由于后台要执行一会,所以需要前台给一个反馈,让用户知道在执行中,所以想到的就是给按钮一个loading,实现就是在按钮点击事件开始把loading变成true,结束变成false,但是这样如果后台接口报错,就不往下走了,loading就会一直转下去了。所以要单独给报错关闭一下
一、按钮
<el-button type="primary" @click="handleEdit1" :loading="editLoading">修改测试</el-button>
二、data对象
data () {
return {
editLoading: false,
}
}
三、method方法
async handleEdit1 () {
this.dialogVisible = true;
this.editLoading = true;
const res = await detail({ id: 0 }).then().catch(() => {
this.editLoading = false;
return Promise.reject();
});
this.form = res.data;
this.editLoading = false;
console.log(1);
},