v-for循环对象嵌套el-input

在Vue.js中，`v-for`指令用于迭代数组或对象的属性，并可以处理嵌套数据结构。如果你想要创建一个对象嵌套的`el-input`（Element UI中的输入框组件），你可以这样做：

假设你有一个对象列表，每个对象有键值对，其中包含另一个需要迭代的对象或数组，你可以这样编写模板：

<template>
  <div>
    <el-form v-for="(item, index) in nestedObjects" :key="index">
      <!-- 使用 item.key 展示外层对象的属性 -->
      <label>{{ item.label }}</label>

      <!-- 这里我们假设item.value是一个对象，也包含需要遍历的属性，如name和value -->
      <el-input v-for="(innerItem, innerIndex) in item.value" :key="innerIndex" :label="innerItem.name" :value="innerItem.value"></el-input>
      
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nestedObjects: [
        { label: '对象一', value: { name: '姓名', value: '张三' } },
        { label: '对象二', value: { name: '年龄', value: '30' } }
        // 更多对象...
      ]
    };
  }
};
</script>

在这个例子中，`v-for`首先会遍历`nestedObjects`数组，然后对于每个对象，它还会进一步遍历`value`对象中的内层属性。