el-dialog怎么在父组件点击子组件弹窗

可以使用Vue.js的事件机制来实现在父组件点击子组件弹窗。

首先，在子组件中定义一个自定义事件，例如`open-dialog`。在子组件中，当点击子组件时，触发这个事件。

<template>
  <div @click="openDialog">点击我弹窗</div>
</template>

<script>
  export default {
    methods: {
      openDialog() {
        this.$emit('open-dialog');
      }
    }
  }
</script>

然后，在父组件中，监听子组件的这个事件，并在事件处理函数中打开弹窗。使用`ref`属性获取子组件实例，然后调用子组件的方法打开弹窗。

<template>
  <div>
    <child-component @open-dialog="openDialog"></child-component>
    <el-dialog ref="dialog"></el-dialog>
  </div>
</template>

<script>
  import ChildComponent from './ChildComponent.vue';

  export default {
    components: {
      ChildComponent
    },
    methods: {
      openDialog() {
        this.$refs.dialog.open();
      }
    }
  }
</script>

这样，在父组件中点击子组件时，就可以弹出弹窗了。