for循环-vue
for循环-vue
for循环可以使用in或者of,对数字进行循环需要使用in
普通for循环
<el-option v-for="(mm2item ,iindex) in mealTypes" :value="mm2item.name" :label="mm2item.name" :key="mm2item.id"></el-option>
返回对象
<el-option v-for="(mm2item ,iindex) in mealTypes" :value="mm2item" :label="mm2item.name" value-key="id" :key="mm2item.id"></el-option>
返回对象的时候,需要设置value-key
,字段是对象中的某个字段
select选中之后返回的是一个对象,多选返回的是对象数组
数字循环
<el-option v-for="(model,mi) in 12" :key="mi" :label="model+'月份'" :value="model"/>
- 使用
in
进行循环 - 第一个参数从1开始
- 第二个参数从0开始
实现了展示1-12月份