不需要加什么@before-close,@close之类的关闭事件。只需你在:visible这个属性上加.sync,:visible.sync="dialogVisble",就行了。
默认情况下,点击x符号会触发:before-close事件(如果定义了的话),然后关闭对话框(即修改:visible.sync绑定的值)。如果没有定义:before-close事件,Element UI会提供一个默认的行为来关闭对话框。 4. 如果需要自定义关闭x符号,设计实现方案 如果需要自定义关闭x符号的行为或样式,可以通过以下方式实现: 自定义行为:通过...
el-dialog(点击左上角的关闭x)执行弹窗关闭之前的回调 绑定的事件: :before-close="handleDialogClose" html: <!--新增、编辑弹窗--><el-dialog:close-on-click-modal="false":before-close="handleDialogClose"// 绑定回调的方法 v-dialogDrag :title="title":visible.sync="editdataDialog"width="30%"> ...
简介:elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件 前言 今天在使用element-ui中的el-dialog的时候遇到了个这样的问题:页面上点击添加的按钮,弹出el-dialog对话框,该对话框中有个添加表单的子组件,然后填写值进行保存,点击保存按钮之后,el-dialog框关闭。继续点击添加的按钮,el-dialog框继续弹出...