vue动态添加el-row

要在Vue中动态添加el-row元素，你可以使用v-for指令和一个数据数组来实现。首先，在data中定义一个数组，用于存储要动态添加的el-row元素的数据。然后，在模板中使用v-for指令遍历该数组，并在每次迭代中动态渲染el-row元素。

以下是一个示例代码：

<template>
  <div>
    <el-row v-for="item in rows" :key="item.id">
      <!-- 这里是el-row的内容 -->
    </el-row>
    <button @click="addRow">添加行</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      rows: [] // 存储动态添加的el-row元素的数据
    };
  },
  methods: {
    addRow() {
      // 在点击按钮时，向rows数组中添加一个新的行数据
      this.rows.push({ id: Date.now() });
    }
  }
};
</script>

在上面的示例代码中，我们通过点击"添加行"按钮来动态添加el-row元素。每次点击按钮时，会在rows数组中添加一个新的行数据对象，其中id属性值使用了当前时间戳来保证唯一性。v-for指令会根据rows数组的长度动态渲染相应数量的el-row元素。

注意：这里只是一个示例，你可以根据实际需求来更改和扩展代码。同时，确保你已经正确引入了Element UI库并使用了el-row组件。