vue使用技巧:v-for配合option时不能出现0的解决方法

时间:2024-03-15 07:27:58

code 示例

<el-form-item label="生育情况">
              <div class="flex-box">
                <div class="flex1">
                  <el-select v-model="form.nbrChildrenBoy" placeholder="请选择" class="display-block">
                    <el-option v-for="i in 5" :key="i" :label="i-1" :value="i-1"></el-option>
                  </el-select>
                </div>
                <div class="marl-10">男</div>
                <div class="flex1 marl-50">
                  <el-select v-model="form.nbrChildrenGirl" placeholder="请选择" class="display-block">
                    <el-option v-for="i in 5" :key="i" :label="i-1" :value="i-1"></el-option>
                  </el-select>
                </div>
                <div class="marl-10">女</div>
              </div>
            </el-form-item>

页面显示
vue使用技巧:v-for配合option时不能出现0的解决方法

注意的点

 <el-option v-for="i in 5" :key="i" :label="i-1" :value="i-1"></el-option>