el-dialog中handleClose

最新推荐文章于 2025-03-11 12:00:14 发布

snail-T

最新推荐文章于 2025-03-11 12:00:14 发布

阅读量2.5k

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/webDevelopSnail/article/details/118918937

<el-dialog
      :visible.sync="dialogVisible"
      width="100%"
      :before-close="handleClose"
    ></el-dialog
    // 其中dialogVisible 这个局部变量控制着弹窗的显示隐藏,vue方法中
    handleClose(done){
        this.$confirm('确定关闭吗').then(() => {
          // function(done)，done 用于关闭 Dialog
          done();
 
          console.info("点击右上角 'X' ，取消按钮或遮罩层时触发");
        }).catch(() => {
 
          console.log("点击确定时触发");
        });