Как обновить данные дочернего компонента?

Question

[Игорь Безлепкин]

Привет! Подскажите, как после ajax загрузки данных обновить их в дочернем компоненте?

<widgetLocationSelector
:country="form.country"
:city="form.city"
@changeCountry="changeCountry"
@changeCity="changeCity"
></widgetLocationSelector>

В

created: function () {
  // после ajax
this.form.country = response.country
}

не обновляется

Comments

[Алексей Ярков]

не обновляется

А вот должно обновляться, если свойство реактивное. Покажите код родительского компонента полностью.

[Игорь Безлепкин]

Алексей Ярков,

export default {
	components: {
		widgetLocationSelector
	},
	data: function () {
		return {
			loading: '',
			message: false,
			errors: '',
			maxCount: 250,
			remainingCount: 250,
			genderOptions: [
				{ value: 1, text: 'Мужской' },
				{ value: 2, text: 'Женский' }
			],
			form: {
				country: 0,
				city: 0,
				phone: []
			}
		}
	},
	created: function () {
		var store = this.$store

		this.$http.get(store.state.apiURL + '/v1/users/' + store.state.user.id + '?expand=country,city', {}, {}).then(function (response) {
			var data = response.body
			if (data.country > 0) {
				this.form.country = data.country
			}
			if (data.city > 0) {
				this.form.city = data.city
			}
		})
	},

[0xD34F]

Игорь Безлепкин,

function (response) {
    var data = response.body
    if (data.country > 0) {
        this.form.country = data.country
    }
    ...

У вас серьёзные пробелы в знаниях javascript'а - самых-самых основ. Теряете контекст - не будет здесь this являться текущим экземпляром vue, не будет. Погуглите "стрелочные функции".

[Игорь Безлепкин]

0xD34F, this работает. Косяк в том что я в дочернем не напрямую из props брал данные, а в created делал this.form.country = country (из props)

[0xD34F]

Игорь Безлепкин, что значит "работает"? Не может показанная вами конструкция работать. Не согласны? - если выложите рабочий пример в песочницу, буду сильно удивлён.

[Игорь Безлепкин]

0xD34F, https://jsfiddle.net/o00pw8gc/

[0xD34F]

Игорь Безлепкин, однако. Не знал, что vue-resource внутри себя выполняет привязку контекста.

Прошу прощенья, что усомнился в вашей компетентности.

[Игорь Безлепкин]

0xD34F, не страшно :) я все ровно больше бэкендер :)