VUE przerabianie obiektów w v-for

Question

Ktoś z was może chce rzucić okiem na ten codepen:

https://codepen.io/kordix/pen/GaPWwX

Chcę stworzyć coś w rodzaju konfiguratora. Przez v-for wyświetlamy obiekty z danej kategorii. Chcę przez kliknięcie na element nadać danemu obiektowi parametr current:true. To działa, ale też chcę żeby usunąć nadać current:false dla obiektów które były wcześniej kliknięte. Czyli żeby tylko jeden element miał status aktywny po kliknięciu (tutaj nazwałem to 'current'). 

Byłem pewny że taka pętla załatwi problem:

 handleitemclick: function(elem, all) {
       for (let i = 0; i < all.length; i++) {
         if (all[i].current == true) {
           all[i].current = false;
         }
       }
       elem.current = "true";
     }

Ale i tak kolejne obiekty dostają wartość current:true, nie ustawia się w ogóle to current:false

Próbowałem najpierw funkcją find z ES6, też nie zadziałało, choć działało dobrze dla zwykłych tablic, jest coś czego nie wiem o JS czy bardziej o Vue?

 

Answer 1

Dobra mam problemem były ciapki wokół true