Как в Vue обратиться к объект внутри объекта?

Question

[pasha_carol]

Здравствуйте, помогите разобраться, пожалуйста.

Мне нужно записать текст, который набран в textarea, в объект, который лежит внутри другого объекта.

Объект:

data(){
    return {
      sections: [
        {
          name: 'My Question',
          active: true,
          messages: [
            {text: 'Hello, what is dilivery time?'},
            {text: 'Hello, what is dilivery?'}
          ],
        },
        { name: 'Messanger', active: false },
        { name: 'Community QA', active: false },
        { name: 'FAQ', active: false }
      ],
    }
  },

Мне нужно добавить в messages еще один элемент ключ : значение.

Моя попытка:

methods: {
    addMsg: function (msg) {
      this.sections.messages.push({text: msg})
      return false;
    }
  }

this.sections.messages выдает undefined.

Answer 1

[Алексей]

Ну дак this.sections то это у тебя массив, по индексу надо обращаться this.sections[0].messages.push({text: msg})