默认情况下,点击x符号会触发:before-close事件(如果定义了的话),然后关闭对话框(即修改:visible.sync绑定的值)。如果没有定义:before-close事件,Element UI会提供一个默认的行为来关闭对话框。 4. 如果需要自定义关闭x符号,设计实现方案 如果需要自定义关闭x符号的行为或样式,可以通过以下方式实现: 自定义行为:通过...
closeDialog(){this.xxx ='';//清空数据} 可以了就是这个@close="closeDialog" <el-dialog:visible.sync="dialogFormVisible"@close="closeDialog('ruleForm')"></el-dialog>// 弹窗 x号 事件 closeDialog(formName) { this.$refs[formName].resetFields(); this.dialogFormVisible = false; }...
不需要加什么@before-close,@close之类的关闭事件。只需你在:visible这个属性上加.sync,:visible.sync="dialogVisble",就行了。