Passing vuejs input value to multiple data

Question

I want to send an input value to more than one data. I searched but couldn't find it, how can I do it? How can I do without method?

<input type="text" v-model="money_transfer.amount"/>

money_transfer: {
   amount: '', 
   source_amount: '', 
   target_amount: '', 
},

Dmytro · Accepted Answer · 2021-09-04 17:16:19Z

3

You can use this syntax to pass input value to multiple variables:

<input
   :value="money_transfer.amount"
   @input="money_transfer.amount = money_transfer.source_amount = money_transfer.target_amount = $event.target.value"
>

edited Sep 4, 2021 at 17:16

answered Sep 3, 2021 at 21:00

Dmytro

6561 gold badge4 silver badges18 bronze badges

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

3 Comments

Selaminko Elam Over a year ago

The first one you wrote didn't work, but the 2nd one works.

Dmytro Over a year ago

Thanks. I am glad it helped you. I left only solution that works for you :)

Dmytro Over a year ago

Thank you, it looks like I misunderstood you at the beginning. I have edited my answer. Is everything ok now?

Collectives™ on Stack Overflow

Passing vuejs input value to multiple data

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