el-dialog怎么在父组件弹窗

在 Vue.js 中，可以通过使用 `v-model` 和 `visible` 属性来控制一个对话框（Dialog）的显示和隐藏。如果你想在父组件中弹出一个对话框，可以将 Dialog 组件作为父组件的子组件，并在父组件中设置 `visible` 属性来控制 Dialog 的显示状态。

下面是一个简单的例子：

<template>
  <div>
    <button @click="showDialog">打开对话框</button>
    <el-dialog v-model="dialogVisible">
      <span>这是一个对话框</span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    }
  }
};
</script>

在上面的代码中，我们在父组件中定义了一个 `dialogVisible` 变量来控制 Dialog 的显示状态，然后在点击按钮时调用 `showDialog` 方法将 `dialogVisible` 设置为 `true`，从而打开对话框。在 Dialog 组件中，我们使用 `v-model` 将 `dialogVisible` 变量绑定到 `visible` 属性上，这样就可以控制 Dialog 的显示和隐藏了。