elementui弹框嵌入table

Element UI 是一个基于 Vue 2.0 的桌面端组件库，它提供了丰富的 UI 组件，其中包括弹框（Dialog）和表格（Table）组件。要在 Element UI 中实现弹框嵌入表格，你可以通过在弹框组件中插入表格组件来完成。下面是一个简单的实现步骤：

1. 在 Vue 组件的模板中定义一个弹框组件（Dialog）和一个表格组件（Table）。
2. 将表格组件作为弹框组件内容的一部分。
3. 根据需要配置表格组件，比如定义表格列（Column）和数据（Data）。
4. 使用事件绑定，比如点击表格某一行时触发弹框显示，或者在弹框中有操作按钮时，可以通过点击按钮来操作表格数据。

以下是一个简单的示例代码：

<template>
  <el-button type="text" @click="dialogVisible = true">点击显示弹框</el-button>
  <el-dialog :visible.sync="dialogVisible" title="嵌入表格的弹框">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '张小刚',
        address: '上海市普陀区金沙江路 1517 弄'
      }]
    }
  }
}
</script>

在这个示例中，我们创建了一个按钮，当点击按钮时会显示一个包含表格的弹框。表格中展示了简单的数据，并且在弹框的底部有两个按钮用于控制弹框的关闭。