v-for进行循环渲染

v-for进行循环渲染

<el-form>
  <el-form-item v-for="(item, index) in list" :key="index" :label="item.label">
    <!-- 在这里放置表单元素 -->
  </el-form-item>
</el-form>

使用 v-for 指令遍历 list 数组,其中 item 是数组中的每个元素,index 是元素的索引。然后,我们将 :key="index" 绑定到每个 <el-form-item> 上,以提供唯一的键。最后,通过 :label="item.label"item.label 动态绑定到 <el-form-item>label 属性,从而根据每个元素动态设置标签。

猜你喜欢

转载自blog.csdn.net/m0_57263959/article/details/131221491
今日推荐