Passing multiple vars in vue,js

Question

I'm building a chat app, and in the cat vue component I have:

<template>
<div class="chat-app">
    <Conversation :contact="selectedContact" :messages="messages" @new="saveNewMessage"/>
    <ContactsList :contacts="contacts" @selected="startConversationWith"/>
</div>

then in the script part, in the methods array, I have:

saveNewMessage(message) {
            this.messages.push(message);
        },

Basically, there is an attribute in contact that I want to bring into the message to save it in message - the conversation_id. Is there a way to get contact into saveNewMessage()? I tried saveNewMessage(message, contact), but that didn't work. Thanks in advance!

Brian Lee · Accepted Answer · 2018-12-09 20:23:26Z

1

You have access to all the data properties in the your component methods:

saveNewMessage(message) {
  // access the selected contact
  this.selectedContact

  ...

  this.messages.push(message);
},

answered Dec 9, 2018 at 20:23

Brian Lee

18.3k3 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ajw4sk Over a year ago

I tried to console.log(this.selectedContact) and I got undefined.

Brian Lee Over a year ago

How are you assigning the selectedContact property?

ajw4sk Over a year ago

I ate dinner and refreshed the page, and it worked! Thanks!

Collectives™ on Stack Overflow

Passing multiple vars in vue,js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related