Untitled
unknown
html
2 years ago
2.1 kB
14
Indexable
Never
<div id="Vuedivi" class="accordion" > <div v-for="item in GelenVeri1" class="accordion-item mb-2"> <h2 class="accordion-header" id="heading2"> <button class="btn btn-accordion-live collapsed font-rowdies w-100 btn_acordionE" :id="item.Id" v-on:click="ozellikgetir" type="button" data-bs-toggle="collapse" :data-bs-target="'#Evt' + item.Id" aria-expanded="false" :aria-controls="'Evt' + item.Id"> <div class="row"> <div class="col"><img :src="'https://resimsitesi.com/' + item.ImageId + '.png'"> {{item.Name}} </div> </div> </button> </h2> <div :id="'Evt' +item.Id" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion"> <div class="accordion-body"> <nav> <div class="nav nav-tabs" style="place-content: center;" id="nav-tab" role="tablist"> <a class="nav-item nav-link active " style="color: white;" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Öğrenci Bilgileri</a> </div> </nav> <div class="tab-content" :id="'nav-tabContent' + item.Id"> <div v-for="itemx in istatistik" class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"> <div class="accordion-content"> <div class="row small"> <div class="col">{{itemx.Bilgi.AdSoyad}}</div> <div class="col">Ad Soyad</div> </div> <div class="row small"> <div class="col">{{itemx.Bilgi.Telefon}}</div> <div class="col">Telefon</div> </div> </div> </div> </div> </div> </div> </div> </div> //---------------------------------------------------- Vue Kısmı app = new Vue({ el: '#Vuedivi', data: { GelenVeri1: [], istatistik: [] }, methods: { ozellikgetir: function() { Gelenid = this.id; istatistikgetir(); } } });