feat: 函数式弹框ReDialog添加点击确认按钮后是否开启loading加载动画功能

This commit is contained in:
xiaoxian521
2024-07-30 14:56:47 +08:00
parent 0706f37254
commit 6d7e92fed1
3 changed files with 32 additions and 1 deletions

View File

@@ -450,6 +450,17 @@ function onBeforeSureClick() {
}
});
}
function onSureBtnLoading() {
addDialog({
sureBtnLoading: true,
title: "点击底部确定按钮可开启按钮动画",
contentRenderer: () => <p>弹框内容-点击底部确定按钮可开启按钮动画</p>,
beforeSure: done => {
setTimeout(() => done(), 800);
}
});
}
</script>
<template>
@@ -534,6 +545,9 @@ function onBeforeSureClick() {
<el-button @click="onBeforeSureClick">
点击底部确定按钮的回调会暂停弹框的关闭经常用于新增修改弹框内容后调用接口
</el-button>
<el-button @click="onSureBtnLoading">
点击底部确定按钮可开启按钮动画
</el-button>
</el-space>
</el-card>
</template>