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月份