Verwenden Sie im Unterkomponenten-Dialogfeld: before-close, um das Dialogfeld zu schließen und das Klickereignis für die Schaltflächenbindung abzubrechen
<el-dialog :title="title" :visible.sync="dialogVisible" width="30%" :before-close="close">
<div style="display: flex;justify-content:space-around ;flex: 1;">
<el-button @click="close">取 消</el-button>
<el-button type="primary" >确 定</el-button>
</div>
</el-dialog>
Die untergeordnete Komponente übergibt das Ereignis „close“ an die übergeordnete Komponente
methods: {
close() {
this.$emit("close")
},
}
@close in der übergeordneten Komponente empfängt das Ereignis „close“ von der untergeordneten Komponente
<clue-assign-dialog
ref="clueAssign"
:dialog-visible="dialogVisible"
:title="title"
@close="dialogVisible = false">
</clue-assign-dialog>