Untitled

mail@pastecode.io avatar
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();
            }
        }
       
    });