Directorio de artículos
- Utilice principalmente el método beforeClose para lograr el efecto de carga
- beforeClose La devolución de llamada antes de que se cierre MessageBox, lo que suspenderá el cierre de la instancia
function(action, instance, done)
1. action 的值为'confirm', 'cancel'或'close'。
2. instance 为 MessageBox 实例,可以通过它访问实例上的属性和方法。
3. done 用于关闭 MessageBox 实例。
- Implementación concreta: (
this.$confirm、this.$alert、 this.$prompt
el método de implementación es el mismo)
this.$prompt('名称', '新建表单', {
confirmButtonText: '确定',
cancelButtonText: '取消',
beforeClose: async (action, ctx, close) => {
if (action !== 'confirm') {
close();
return;
}
ctx.confirmButtonLoading = true;
try {
await this.createApi(ctx.inputValue);
close();
} catch (error) {
}
ctx.confirmButtonLoading = false;
},
});
- Antes de la implementación:
- Después de la implementación: