[Vue] mutowanie obiektu data w rodzicu

Question

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
    };
  }

 

Answer 1

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.

Comments

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ść. 

---

Pytanie jaki kontekst ma `this`?

1. Użyj arrow function w callbacku $on
2. Upewnij się, że &on podpinasz w `mounted` albo `created`

Answer 2

nie jestem pewien czy o to ci chodzi ale chyba 

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

 

Comments

halo? może jakaś odpowiedź czy działa czy nie?

---

Działa tylko w obrębie komponentu, a pytanie dotyczy tego jak zmienić wartość w rodzicu

---

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 :)

---

Dzięki, na pewno skorzystam :)