Как передать переменную из дочернего в родительский компонент?

Question

[ArrayPop]

У меня есть обычная переменная show которая показывает и скрывает элемент(show=false).
В родительском компоненте есть событие mousedown,хочу чтобы при этом событии show меняло свое значение.Как можно передать эту переменную без vuex?Я не совсем понимаю как через emit потому что в тех сbтуациях события вызывались в дочернем компоненте. Хочу отметить,что делаю плагин vue и как там шину событий сделать не имею понятия

Comments

[Антон Антон]

У тебя есть список дочерних компонентов и ты хочешь один один элемент разворачивать и сворачивать? ну так это событие - зона ответственности дочернего компонента, с парентом и его событиями не надо ничего связывать.
В крайнем случае есть вариант со scoped-slots, но мой телепат подсказывает, что все решается намного проще.
Опиши задачу, а не только то, как ты её пытаешься решить.

Answer 1

[Александр]

Попробуй в дочернем компоненте использовать $parent.show

Comments

[ArrayPop]

Не,он так в дочернем не может изменить значение

[ArrayPop]

как это исправить
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "show"

[ArrayPop]

как можно вот это избежать?
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "show"

[ArrayPop]

получилось передать
но я присваивал переменной data props из родителя

[ArrayPop]

раньше,а теперь на прямую меняю значение,все работает но пишит ошибку

[Александр]

Он предупреждает что если нажмут кнопку "обновить" в браузере то значение show не запомниться и предлагает воспользоваться https://vuex.vuejs.org/ru/guide/mutations.html. Но в таком случае придется использовать Vuex, что в твоей задаче нельзя.

[Александр]

https://stackoverflow.com/questions/39868963/vue-2...
тут вроде без Vuex рассматривается вопрос как сохранять данные...

[Александр]

<button @click=" $parent.show = true">Показать</button>
<child-modal :modalVisible="$parent.show"></child-modal>

Не ужели не работает?

[ArrayPop]

Спасибо это работает))))))))))))
Но дичь какая то получилось,у меня дочерний компонент в цикле выводится,из за этого $parent.show все элементы списка показывает

[Антон Антон]

ну это же дичь