folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Vue.Js MVC List Rendering Hakkında Yardım



Vue.Js MVC List Rendering Hakkında Yardım

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    furkiak
    furkiak's avatar
    Kayıt Tarihi: 29/Nisan/2014
    Erkek

    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 ?


    Android Mobil Uygulama - Web Sitesi - Masaüstü Yazılım yapılır. Vitaminsiz Palyaço
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Gizem
    sLeymN
    sLeymN's avatar
    Kayıt Tarihi: 31/Mart/2008
    Erkek

    Yazdığın tam kodu atsana bakayım. Tam vue sayfasını nerede ne yapıyorsun 


    Cehennemin dibine kadar yolum var daha.. || Nasılsa her yalnız kendine sürgündür Asmera unutma.
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    furkiak
    furkiak's avatar
    Kayıt Tarihi: 29/Nisan/2014
    Erkek
    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

    Android Mobil Uygulama - Web Sitesi - Masaüstü Yazılım yapılır. Vitaminsiz Palyaço
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    end
    end's avatar
    Kayıt Tarihi: 16/Ekim/2016
    Erkek

    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


    0x0480 takilin madem ﷽﷽﷽
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    furkiak
    furkiak's avatar
    Kayıt Tarihi: 29/Nisan/2014
    Erkek
    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. 


    Android Mobil Uygulama - Web Sitesi - Masaüstü Yazılım yapılır. Vitaminsiz Palyaço
Toplam Hit: 953 Toplam Mesaj: 5
vue