vue el-table-column 一行两列循环

在Vue的el-table中，可以使用el-table-column来定义表格的列。如果需要一行两列循环，可以在el-table-column中使用template来定义两个slot，然后在数据循环中使用v-for来渲染两列数据。具体实现可以参考以下代码：

<el-table :data="tableData">
<el-table-column label="姓名">
<template slot-scope="scope">
<div>{{ scope.row.name }}</div>
</template>
</el-table-column>
<el-table-column label="年龄">
<template slot-scope="scope">
<div>{{ scope.row.age }}</div>
</template>
</el-table-column>
<el-table-column label="性别">
<template slot-scope="scope">
<div>{{ scope.row.gender }}</div>
</template>
</el-table-column>
<el-table-column label="地址">
<template slot-scope="scope">
<div>{{ scope.row.address }}</div>
</template>
</el-table-column>
</el-table>

在上面的代码中，我们定义了四个el-table-column，其中前两个用来渲染姓名和年龄，后两个用来渲染性别和地址。在每个el-table-column中，我们使用template来定义两个slot，然后在数据循环中使用v-for来渲染两列数据。