Html - CSS - XML - JavaScript - Ajax
Vue.Js MVC List Rendering Hakkında Yardım
Vue.Js MVC List Rendering Hakkında Yardım
-
Merhaba üstadlar bir projede ilk defa vue js kullanmaya başladım. MVC üzerinde bir proje yazıyorum ve vue nin list rendering metodunu kullanıyorum ama işin içinden tam olarak çıkmadım. JS konusunda yeni olduğum için bilen üstadlar yardım edebilirse çok sevinirim.
HTML üzerinde alttaki gibi bir yapım mevcut.
<div> Ana divim vue burayı baz alıyor <div>
<acordion> burada acordiyon şeklinde açılan bir yapım var v-for burada yer alıyor <acordion>
<buton> buradada butonum var tıklandığında acordionu açıyor. vue nin data setinden gelen idyi alıyor<buton>
<Tam bu kısımda acordionun bodysi yer alıyor ve içerisinde nav bar var. vue nin data setinden gelen idyi alıyor>
ilk ekranı açtığımda 10 tane eleman otomatik olarak yükleniyor butonlarım geliyor acordionlarım geliyor fakat acordionların içi boş şekilde geliyor cünkü vue deki 2 . data boş.
butonun tıklanma olayındada 2. datayı buton id sine göre set ediyorum otomatik olarak veri geldiği için nav barların içerisine bu bilgiyi basıyor.
Fakat buradaki sıkıntım şu gelen veri sadece 1 tane ve benim istediğim sadece gelen id ile nav barın id si eşleşirse o navbara veriyi bassın diğerlerine basmasın. Fakat bunu vue de nasıl yapabilceğimi bulamadım.
Hangi butona basarsam basim tüm nav barların bodysine gelen tek veriyi basıyor. orsa ilgili id ile gelen verinin id si eşlesirse sadece o nav bara bassın diğerleri boş kalsın istiyorum. Bunu nasıl yapabilirim böyle bir yapı varmıdır ?
-
Yazdığın tam kodu atsana bakayım. Tam vue sayfasını nerede ne yapıyorsun
-
sLeymN bunu yazdı
Yazdığın tam kodu atsana bakayım. Tam vue sayfasını nerede ne yapıyorsun
https://pastecode.io/s/5uwpbz9h
Html ve vue bu şekilde. İlk data geliyor örneğin 50 tane obje bunları ekrana güzelce bastırıyor. Sonra acordionu tıklayınca getir eventi çalışıyor ve vue ye data çekiyor sonra vue onu gerekli yerlere yazıyor. ama işte sıkıntı şuki gelen 50 tane elemanın içerisine o tıklanılan elemanınkini yazıyor. ben sadece tıklanılan elemanın içindeki kısma yazmasını istiyorum.
furkiak tarafından 17/Eyl/22 23:32 tarihinde düzenlenmiştir -
Navbarlara birer id verip akordiyonlarda tetiklenen fonksiyonlada da benzer şekilde navlarla eşleşen idler ver hocam.
Her nav kendisine verilen objenin altındaki idyi bassın, veriyi de akordiyonun aldığı nav idsine sahip objeye pushlasin
-
end bunu yazdı
Navbarlara birer id verip akordiyonlarda tetiklenen fonksiyonlada da benzer şekilde navlarla eşleşen idler ver hocam.
Her nav kendisine verilen objenin altındaki idyi bassın, veriyi de akordiyonun aldığı nav idsine sahip objeye pushlasin
tetiklenen veride gelen bilgi 1 tane hocam yani ekranda 50 tane akordion varsa tetiklendiğinde 50 tane değilde 1 tane geliyor. bilgi fazla sorgu olmasın diye. gelen veri gelen nava yazması lazım. diğerleri boş olucak ancak tetiklediğinde basıcak. ama sorun şu ki işte bunu vue de nasıl filtreleyeceğimi bilmiyorum. method da yada html tarafında nasıl bir filtreleme yada eşleme yapabilirim.