el-dialogopen事件不生效

el-dialog的open事件不生效可能是因为在子组件中没有正确地触发该事件。根据引用[2]中的代码，@close-dialog事件被触发时，会将invoiceSheet的值设置为false，但是没有看到对应的open事件的触发。所以，你可以尝试在子组件中添加一个open事件，并在触发@close-dialog事件时同时触发open事件，以确保el-dialog的open状态正确更新。例如，你可以修改代码如下：

<InvoiceentryDialog ref="InvoiceentryDialog" :open="invoiceSheet" @close-dialog="invoiceSheet = false; $emit('open-dialog')" ></InvoiceentryDialog>

然后在子组件的methods中添加一个open方法：

methods: {
  open() {
    this.$emit('open-dialog');
  }
}

这样，当@close-dialog事件触发时，会同时触发open事件，从而正确更新el-dialog的open状态。希望这个解决方案对你有帮助。

相关问题

el-dialog open不生效

根据引用\[1\]中的描述，你使用了elementUI的弹窗插件el-dialog，并设置了destroy-on-close属性为true，但是发现open方法并没有生效。根据引用\[2\]中的描述，可以使用@opened事件来监听弹窗打开的事件。你可以在openMethods方法中获取元素并进行相应的操作。另外，根据引用\[3\]中的描述，如果你在子组件的dialog上设置了@close="$emit('close-dialog')"，那么在父组件中可以通过监听close-dialog事件来执行相应的操作。请检查你的代码是否正确设置了这些属性和事件，并确保openMethods方法被正确调用。
#### 引用[.reference_title]
- *1* [el-dialog 的各种正确使用姿势 以及 el-dialog destroy-on-close 无效的解决办法](https://blog.csdn.net/qq_21473443/article/details/127106152)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue中使用Element 第一次打开el-dialog获取不到元素的解决办法](https://blog.csdn.net/m0_46129241/article/details/104000599)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [【bug】关于Vue封装el-dialog对话框关闭无反应问题](https://blog.csdn.net/weixin_49668076/article/details/127938465)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

el-dialog open事件

el-dialog 是Element-UI中的一个弹窗组件，在使用时可以利用它提供的open事件来实现弹窗打开时的一些操作。 open事件是dialog打开时触发的事件，我们可以对弹窗在打开时的一些参数和操作进行设置、调整或处理。

当一个el-dialog弹窗打开时，其open事件将会在弹窗显示之前被触发。我们可以通过以下方式来监听弹窗的打开事件：

1.在el-dialog标签中绑定v-on:open属性，赋值为我们在Vue实例中定义的函数名称。

例如：

<el-dialog
title="弹窗标题"
:visible.sync="dialogVisible"
v-on:open="handleOpen">
<!-- 弹窗内容 -->
</el-dialog>

2.在Vue实例中使用methods属性定义响应函数，在函数中添加我们需要执行的操作。

例如：

data () {
return {
dialogVisible: false
}
},
methods: {
handleOpen () {
console.log('弹窗已打开')
}
}

在触发open事件时，handleOpen函数将会被执行，我们可以在这里进行一些列的操作，比如操作DOM元素、发送请求、改变弹窗的属性等等。

例如，我们可以在弹窗打开时，更新数据并自动填充弹窗表单：

data () {
return {
dialogVisible: false,
formData: {
name: '',
age: ''
}
}
},
methods: {
handleOpen () {
// 更新数据
this.formData.name = '张三'
this.formData.age = '18'
// 自动填充弹窗表单
this.$refs.dialogForm.setFieldsValue(this.formData)
}
}

在上述例子中，我们通过给表单的ref属性值为dialogForm来获取到表单的实例，然后在open事件中调用它的setFieldsValue方法来自动填充表单。这样，就可以在打开弹窗的时候，自动为表单添加默认数据，提升用户的体验效果。

总之，在使用el-dialog组件时，我们可以通过open事件来监听弹窗打开时的事件，并对这一事件进行一系列操作，优化用户体验，提高组件的可用性。