How to refer to an object within an object in Vue?

Question

JavaScript

Hello, please help me understand.
I need to write the text that is typed in textareato an object that lies inside another object.

An object:

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 }
      ],
    }
  },

I need to add a key : valuemessages to another element .

My attempt:

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

this.sections.messagesproduces undefined.

Answer 1

Well, this.sections is your array, you need to access this.sections[0].messages.push({text: msg}) by index