在子组件对话框中 用:before-close关闭对话框,取消按键绑定点击事件
<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>
子组件把"close"事件传给父组件 文章来源:https://www.toymoban.com/news/detail-656227.html
methods: {
close() {
this.$emit("close")
},
}
父组件中@close接收子组件传来的“close”事件 文章来源地址https://www.toymoban.com/news/detail-656227.html
<clue-assign-dialog
ref="clueAssign"
:dialog-visible="dialogVisible"
:title="title"
@close="dialogVisible = false">
</clue-assign-dialog>
到了这里,关于el-dialog对话框子组件的关闭的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!