@r_g_b_a

Как вернуть свойство объекта в родительский компонент?

Здравствуйте.
У меня есть родительский компонент с такими данными
data: {
	myObj: {
		first: 'Первый',
		second: 'Второй'
	}
}

и два дочерних, каждый из которых принимает свой элемент объекта
<my-component :obj-val="myObj.first">
	// внутри поле для смены first
<my-component>
<my-component :obj-val="myObj.second">
	// внутри поле для смены second
<my-component>

Когда в дочернем компоненте меняется значение first или second, то в родительском они тоже должны быть обновлены.
Возникло два вопроса:
1) Значение я могу вернуть с помощью $emit. Но как указать, какое это из свойств объекта? Вместо со значением возвращать и ключ объекта?
2) Цель всего этого - по нажатии кнопки в родительском компоненте свапнуть значение в дочерних. То есть, если в первом компоненте значение было 1, а во втором 2, то должно стать 2 и 1. Поэтому, может есть вариант проще?
  • Вопрос задан
  • 132 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
v-model или sync
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы