vue+element 设置弹窗_vue+element table的弹窗组件

您可以使用 Element UI 中的 Dialog 组件来创建弹窗，再在弹窗中添加 Table 组件。

以下是一个示例代码：

<template>
  <div>
    <el-button @click="showDialog">打开弹窗</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <el-table :data="tableData">
        <el-table-column prop="name" label="姓名"></el-table-column>
        <el-table-column prop="age" label="年龄"></el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    }
  }
}
</script>

在上面的代码中，我们在模板中添加了一个按钮，点击按钮会显示一个弹窗。弹窗中包含了一个 Table 组件，表格数据使用了一个数组来模拟。

您可以根据您的需求修改表格数据和弹窗中的组件。