vue 预定房间组件

<template>
  <table class="order-room">
    <th class="title">{
  { roomTitle }}</th>
    <th v-for="i in 27" :key="i" class="clock">
      {
  { (10 > (i - 1) % 24 ? '0' : '') + (i - 1) % 24 + ':00' }}
      <br>
      -
      <br>
      {
  { (10 > i % 24 ? '0' : '') + i % 24 + ':00' }}
    </th>
    <tr
      v-for="(item,index) in value"
      :key="'tr'+index"
      style="text-align: center"
    >
      <td>{
  { item.name }}</td>
      <td
        v-for="i in 27"
        :key="'td'+i"
        class="clock"
        :class="checkedClass(item,i-1)"
        @click="handleCellClick(item,i-1,index)"
      />
    </tr>
  </table>
</template>

import {
    validateNull } from '@/utils/validate'

const getChecked = () => {
   
  const checked = []
  for (let i = 0; i < 10; i++) {
   
    const value = parseInt(Math.random() * 27 + '')
    if (checked.indexOf(value)