el-row 和 el-col 在v-for中如何使用

在使用 `el-row` 和 `el-col` 组件时，可以通过遍历数组的方式来动态生成行和列。具体步骤如下：

1. 在 Vue 组件中，定义一个数组，用于存储需要生成的数据。

data() {
  return {
    list: [
      { id: 1, name: '张三' },
      { id: 2, name: '李四' },
      { id: 3, name: '王五' }
    ]
  }
}

2. 在模板中，使用 `v-for` 遍历数组，生成 `el-row` 组件，并在 `el-row` 中再次使用 `v-for` 遍历另一个数组，生成 `el-col` 组件。

<el-row>
  <el-col v-for="item in list" :key="item.id">
    {{ item.name }}
  </el-col>
</el-row>

3. 如果需要在 `el-col` 中添加其它组件或标签，可以将其放入 `el-col` 的子元素中。

<el-row>
  <el-col v-for="item in list" :key="item.id">
    <div>
      <h3>{{ item.name }}</h3>
      <p>这是一段描述文字</p>
    </div>
  </el-col>
</el-row>

通过以上步骤，就可以在 `el-row` 和 `el-col` 中动态生成数据，实现类似表格的效果。