Untitled
unknown
html
3 years ago
2.1 kB
30
Indexable
<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();
}
}
});Editor is loading...