需求:
子组件是弹框,弹框确认后emit给父组件调接口
因为接口请求时间久,子组件加了loading加载状态
所以需要接口完成后再把加载状态关闭
子组件
handleConfirm() {
this.loading = true
this.$emit('handleModal', params, () => { // 回调函数
this.loading = false
})
}
父组件
async handleModal(params, callback) {
const res = await getData(params)
if (res && res.success) {
// 接口成功后操作
}
callback(true)
}