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>
 

頁面顯示

注意的點

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