html

<section class="containerHorario">
    <!-- Swiper -->
    <div class="swiper-container">
        <div  id="app" class="swiper-wrapper">
            %{--<div>--}%
            <div v-for="agenda in agendas" class="swiper-slide card grey darken-1">
                <div class="card-content white-text">
                    <span class="card-title">{{ agenda.numeroSala }}</span>
                    <p>
                        <button  :disabled="agenda.horarioSala.lenght === 0"
                                 class="btn white black-text
                                 btnHorario waves-effect waves-light btn-large"
                                v-for="tempo in agenda.horarioSala">{{ tempo }}</button>
                    </p>
                </div>
            </div>
            %{--</div>--}%
        </div>
        <!-- Add Pagination -->
    <br>
        <div class="swiper-pagination"></div>
    </div>
</section>