element-ui dialog The mouse clicks to close by mistake or the pop-up window prompts before closing

 

<!--dialog参数-->
<!--:close-on-click-modal="false"  鼠标点击dilog外时 dialog不会关闭-->
<!-- :before-close 关闭前执行方法 -->

<el-dialog title="详情" 
:visible.sync="dataViewCardAdd" 
:close-on-click-modal="false"// 鼠标点击dilog外时 dialog不会关闭
:before-close="handleClose"//关闭前执行方法
width="50%" 
style="padding:5px 34px" 
shadow="hover">



methods:{
    handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      }
    }
}