Добрый день, есть такой вопрос, как передать значение переменной из одного компонента в другой соседний? Сложность в том, что это должно случиться при клике. У меня в одном компоненте кнопка, открывающая меню, второй компонент - само меню. Читал про props, но он же получает переменную с самого начала, и она становится undefined.
Панель с кнопкой:
export default{
name: "left-aside",
isBarMenuClicked: false, // эту переменную нужно передать
methods: {
openLeftMenu: function(){
this.isBarMenuClicked = true;
}
}
}
Меню:
export default {
name: "boards-menu",
data() {
return {
isLeftMenuShowed: true, // вторая переменная, отвечающая за меню
}
},
methods: {
closeLeftMenu: function () {
this.isLeftMenuShowed = false
}
},
props: [
'isBarMenuClicked'
]
}
И ещё, как можно избавиться от двух переменных? В компоненте меню есть переменная, которая закрывает меню, а чтобы открыть меню, придется использовать вторую, переданную из компонента панели с кнопкой. Как-то не красиво на самом то деле.
Заранее спасибо.
