el-table 如何使用el-popover

el-table 是 Element UI 中的一个表格组件，el-popover 是 Element UI 中的一个弹出框组件。要在 el-table 中使用 el-popover，可以通过自定义列模板来实现。

首先，需要在 el-table 的列定义中添加一个自定义列，使用 scoped slot 来定义列的内容。在自定义列中，可以使用 el-popover 组件来实现弹出框的效果。

以下是一个示例代码：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-popover trigger="hover" placement="top">
        <p>这是 {{ scope.row.name }} 的详细信息</p>
        <p>年龄：{{ scope.row.age }}</p>
      </el-popover>
      <el-button type="text" slot="reference">查看详情</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们在 el-table-column 中添加了一个自定义列，并使用了 scoped slot 来定义列的内容。在自定义列中，我们使用了 el-popover 组件来实现弹出框的效果。el-popover 的内容可以根据需要进行自定义，这里我们展示了姓名和年龄的信息。