对表格中单元格回显 做循环 <template slot-scope="scope">

  <el-table-column label="责任网格类型" align="center">
        <template slot-scope="scope">
          <div v-for="(item, index ) in gridDutyTypeList">
            <span v-if="scope.row.type == gridDutyTypeList[index].id"> {{ item.name }}</span>
          </div>
        </template>
      </el-table-column>

 

 <el-checkbox-group v-model="checkedTimes" size="small">
                <el-checkbox v-for="item in options" :label="item.value" :key="item.value"
                    style="margin-top: 10px;margin-left: 10px;" border>{{ item.label }}</el-checkbox>
            </el-checkbox-group>

 

 created() {
        // 在组件创建后，使用for循环动态生成options数组  
        for (let i = 0; i < 48; i++) {
            const startHour = Math.floor(i / 2);
            const startMinutes = (i % 2) * 30;
            const endMinutes = startMinutes + 30;

            // 格式化时间  
            const formatTime = (hour, minute) => {
                return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:00`;
            };

            const startTime = formatTime(startHour, startMinutes);
            const endTime = formatTime(startHour + (endMinutes >= 60 ? 1 : 0), endMinutes % 60);

            // 将生成的数据推入options数组  
            this.options.push({
                value: startTime,
                label: `${startTime}-${endTime}`
            });
        }
    },