在main.js中监听导el-dialog中事件是否有触发

你可以在 `main.js` 中使用 `Vue.mixin` 全局混入一个钩子函数，在这个钩子函数中监听 `el-dialog` 弹窗组件的事件。具体步骤如下：

1. 在 `main.js` 文件中，定义一个 `mixin` 对象，包含一个 `mounted` 钩子函数，用于监听 `el-dialog` 弹窗组件的事件：

import Vue from 'vue'

Vue.mixin({
  mounted() {
    // 监听 el-dialog 弹窗组件的事件
    this.$root.$on('el.dialog.opened', () => {
      console.log('el-dialog opened')
    })
    this.$root.$on('el.dialog.closed', () => {
      console.log('el-dialog closed')
    })
  }
})

2. 在需要触发事件的组件中，使用 `$emit` 方法触发事件：

<template>
  <div>
    <el-dialog
      :visible.sync="dialogVisible"
      @open="openDialog"
      @close="closeDialog"
    >
      <!-- 弹窗内容 -->
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    openDialog() {
      this.$root.$emit('el.dialog.opened')
    },
    closeDialog() {
      this.$root.$emit('el.dialog.closed')
    }
  }
}
</script>

这样，当 `el-dialog` 弹窗组件打开或关闭时，就会触发相应的事件，并在 `main.js` 中输出相应的日志。注意，这里使用了 `$root` 来访问根实例，因为 `$root` 可以访问到根实例的所有方法和属性，包括事件总线。