关于el-dialog中@close事件和取消确认按钮并用，会触发两次关闭表单的操作（！表单为子组件时）

关于el-dialog中@close事件和取消确认按钮，在点击后关闭表单行为后，也会触发@close事件，如果使用相同函数（A）会执行两次（！！前提是当表单为子组件时，需要通过父亲传递的关闭表单函数触发表单关闭，因此无法直接更改visible的变量关闭表单），在其他文章中看到说取消确认按钮换一个函数，但是换一个函数表单始终是要被关闭的，那最终还是会触发@close事件，本人想到了一个简单的处理方法，就是在关闭表单后被执行的函数中，加入表单显示隐藏状态的判断，如果表单已经被关闭了，那么就不执行。如此便能解决函数被执行两次的冲突问题

关于el-dialog中@close事件和取消确认按钮并用，会触发两次关闭表单的操作（！表单为子组件时）相关推荐

小程序中confirm-type设置键盘的确认按钮
介绍 confirm-type是很多小程序组件中的一种设置,用于改变输入键盘右下角的确认按钮.比如说,正常情况下,键盘上的默认提示可能是完成,但是你可以通过confirm-type将其设置为发送,搜索 ...
鼠标移到子组件时发生mouseExited事件
比如一个JPanel 里面包括其它的组件,如JButton.现在要判断鼠标是否进入父JPanel,用addMouseListener的mouseEntered可以判断鼠标是否进入,但问题是:如果鼠标已 ...
AlertDialog,安卓自带取消确认按钮的弹出框
private void showMyDialog(){AlertDialog.Builder builder = new AlertDialog.Builder(context);builder.s ...
C#中在多个地方调用同一个触发器从而触发同一个自定义委托的事件
场景在Winfom中可以在页面上多个按钮或者右键的点击事件中触发同一个自定义的委托事件. 实现在位置一按钮点击事件中触发 string parentPath = System.IO.Directo ...
Flutter中的事件流和手势简析
事件流在你点击按钮,滑动列表,缩放图片等等交互过程中,在背后却有成千上百的事件触发,如何处理这些事件?如何掌控事件的流动?无论在web, android或者ios,都是学习的一个难点,在Flutte ...
java基础66 JavaScript中的事件、localtion对象、screen对象（网页知识）
1.JavaScript中的事件注册 1.1.事件的注册方式方式1:直接在html元素上注册<body onLoad="ready()"></body > ...
Angular中父子组件之间父组件给子组件传值、传递方法、传递自己
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法
vue 父组件中调用子组件函数的方法在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数 ...
bootstrap 单选按钮点击change事件只触发一次_微信支付新增“确认”按钮，付错钱将成为历史？...
阅读本文之前,麻烦您先点击上面蓝色字体"蓝色字体",再点"关注",这样您就可以继续"免费"收到文章了,每天都有分享,完全是"免费订 ...
父组件如何调用子组件中的方法？
父组件代码,假如父组件要关闭弹窗时候,需要做一系列操作,例如关闭弹窗时需要将子组件中的内容恢复成原来的样子,那么该如何调用呢? 1.首先应该在子组件上面加一个ref,例如:ref="chil ...

关于el-dialog中@close事件和取消确认按钮并用，会触发两次关闭表单的操作（！表单为子组件时）

关于el-dialog中@close事件和取消确认按钮并用，会触发两次关闭表单的操作（！表单为子组件时）相关推荐

最新文章

热门文章