elementui el-dialog 显示

要使用 ElementUI 中的 Dialog 组件显示弹窗，可以按照以下步骤操作：

1. 在 Vue 组件中引入 Dialog 组件：

import { Dialog } from 'element-ui';

2. 在模板中使用 Dialog 组件：

<template>
  <div>
    <el-button @click="showDialog">显示弹窗</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <span>这是弹窗的内容</span>
    </el-dialog>
  </div>
</template>

3. 在组件的 data 中定义 dialogVisible 变量，并在 showDialog 方法中将其设为 true：

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

这样就可以在点击按钮时显示弹窗了。需要注意的是，Dialog 组件的 visible 属性需要使用 .sync 修饰符，这样才能保证弹窗的显示状态与组件的 data 中的变量同步。