vue v-for循环

最新推荐文章于 2025-07-06 22:51:21 发布

原创最新推荐文章于 2025-07-06 22:51:21 发布 · 348 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Element UI的El-Select组件中使用v-for循环来动态加载下拉选项，展示了如何绑定value、key和index属性，并提供了完整的代码示例。通过这种方式，可以实现更灵活的选项列表展示，适用于需要动态更新选项的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html部分

v-for="(v,k,i) in table_status"

v---value值

k----key键值

i-----index索引


       <!--修改状态-->
        <el-dialog title="修改商户状态" 
                   :visible.sync="statusVisible">
              <el-form>
                <el-form-item label="状态">
                     
                 <el-select v-model="status.name" placeholder="请选择状态">
                  <el-option
                      v-for="(v,k,i) in table_status"
                      :key="v"
                      :label="v"
                      :value="k">
                    </el-option>
                  </el-select>

                </el-form-item>
                 </el-form> 
              <div slot="footer" class="dialog-footer">
                <el-button @click="statusVisible = false">取 消</el-button>
                <el-button type="primary" @click='onStatus("status")'>确 定</el-button>
              </div>
        </el-dialog>