Element UI 组件 Dialog 中 before-close 与 close 的区别
cnblogs 2024-09-14 17:11:00 阅读 98
<el-dialog
width="600px"
:title="title"
:visible.sync="dialogVisible"
:close-on-click-modal="false"
:before-close="handleBeforeClose"
@open="handleOpen"
@close="handleClose"
>
总结：
1、点击 ”x“ 或”取消“按钮会依次调用 handleBeforeClose()、handleClose() ，点击”确定“按钮仅调用handleBeforeClose()
2、若想在点击确定后关闭弹窗或处理其他逻辑，应使用 before-close。因为点击”x“ 或”取消“按钮本身就会关闭弹窗，无须额外处理
上一篇： 前端使用 Konva 实现可视化设计器（21）- 绘制图形（椭圆）
下一篇： 一款免费、简单、快速的JS打印插件，web 打印组件，基于JavaScript开发，支持数据分组，快速分页批量预览，打印，转pdf，移动端，PC端
本文标签
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。