• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[Vue] mutowanie obiektu data w rodzicu

0 głosów
82 wizyt
pytanie zadane 1 lutego w JavaScript, jQuery, AJAX przez Bakr Mądrala (6,650 p.)

Witam,

Jak zmienić wartość obiektu data w rodzicu (plik App.js). 

Struktura

- App

  --Sidebar

    --todoList

      --todoModal

Po kliknięciu w element np. w todoModal powinna podmienić się wartość activeMonit na true:

  data() {
    return {
      activeMonit: false,
      changed: false
    };
  }

 

2 odpowiedzi

0 głosów
odpowiedź 1 lutego przez argeento Szeryf (94,300 p.)
wybrane 2 lutego przez Bakr
 
Najlepsza

Najładniej: eventBus (jeśli czujesz, że przez dużą liczbę emiterów/listenerów robi się bałagan, warto zainteresować się vuex)
Od biedy: można pociągnąć custom events w górę drzewka komponentów.

komentarz 3 lutego przez Bakr Mądrala (6,650 p.)

Napotkałem dość dziwny problem:

EventBus.$on('activeMonit', function (monitStatus) {
      alert(monitStatus)
      this.activeMonit = monitStatus;
      alert('testqq: '+this.activeMonit)
    });

Wynik:

true,

testqq: true

 

Z tego wynika, że wartość jest podmieniona, natomiast w Vue Devtools nadal pozostaje stara wartość. 

komentarz 3 lutego przez argeento Szeryf (94,300 p.)
Pytanie jaki kontekst ma `this`?

1. Użyj arrow function w callbacku $on
2. Upewnij się, że &on podpinasz w `mounted` albo `created`
0 głosów
odpowiedź 1 lutego przez Marcins321 Mądrala (5,470 p.)

nie jestem pewien czy o to ci chodzi ale chyba 

v-on:click='activeMonit = !activeMonit'

 

komentarz 1 lutego przez Marcins321 Mądrala (5,470 p.)
halo? może jakaś odpowiedź czy działa czy nie?
komentarz 2 lutego przez Bakr Mądrala (6,650 p.)
Działa tylko w obrębie komponentu, a pytanie dotyczy tego jak zmienić wartość w rodzicu
2
komentarz 2 lutego przez Marcins321 Mądrala (5,470 p.)
chcesz dzieckiem zmienić rodzica? to polecam obejrzeć to https://youtu.be/5pvG6fzkdFM?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa&t=1 tak wlge to polecam ci obejrzeć cały jego tutorial koleś wykonał naprawdę dobrą robotę :) ja sam jestem na 30 odcinku i jestem pod wielkim wrażeniem jaki talent do tłumaczenia różnych rzeczy ma ten gościu :)
komentarz 2 lutego przez Bakr Mądrala (6,650 p.)
Dzięki, na pewno skorzystam :)

Podobne pytania

0 głosów
1 odpowiedź 31 wizyt
pytanie zadane 18 lutego w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,220 p.)
–2 głosów
1 odpowiedź 47 wizyt
pytanie zadane 4 dni temu w JavaScript, jQuery, AJAX przez czochrajjeza Początkujący (470 p.)
0 głosów
1 odpowiedź 36 wizyt
pytanie zadane 6 maja w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,220 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

63,340 zapytań

109,600 odpowiedzi

228,959 komentarzy

44,176 pasjonatów

Przeglądających: 209
Pasjonatów: 14 Gości: 195

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...