element表格渲染两个内容

在使用 Element UI 组件库的表格时，可以使用 `el-table`、`el-table-column` 和 `slot-scope` 等标签和属性来实现同时渲染两个内容的需求。具体实现步骤如下：

1. 在 `el-table` 标签中使用 `v-for` 指令遍历第一个数据数组，生成表格的行。

<el-table :data="data1">
  <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">
      // 第二个数据数组中的内容
    </template>
  </el-table-column>
</el-table>

2. 在表格中的每一行中，使用 `el-table-column` 标签生成表格的列。其中 `prop` 属性指定了每一列对应的数据字段，`label` 属性指定了每一列的表头名称。

<el-table :data="data1">
  <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">
      <span v-for="(item, index) in data2" :key="index">{{ item.value }}</span>
    </template>
  </el-table-column>
</el-table>

3. 在第三列中使用 `slot-scope` 属性来获取当前行的数据，再使用 `v-for` 指令遍历第二个数据数组，生成表格的内容。

<el-table :data="data1">
  <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">
      <span v-for="(item, index) in data2" :key="index">{{ item.value }}</span>
      <span>{{ scope.row.otherValue }}</span>
    </template>
  </el-table-column>
</el-table>

这样就可以将两个数据数组同时渲染进同一张 Element UI 表格中了。需要注意的是，第二个数据数组中的数据应该是对应的，否则渲染出来的表格可能会出现不对应的情况。