vue.js v-model with array

Question

i have a dynamic number of fields on the page and trying to bind an array to control changes on the page, but got stuck with v-model

Here is how i'm building a page (minimal example to reproduce):

<b-form-group v-for="(element, i) in banners" :key="i"  :label="'Banner ' + (i+1)">
  <input
    type="text" class="form-control"
    :v-model="element.name"
    :name="'bannername[' + i + ']'">
  <img :src="element.image" class="banner-preview">
</b-form-group>

This way i'm getting proper src for the img, but input is empty all the time. (checked the data by changing v-model to value, everything is fine, but i need to bind it here)

@AlbertoRivera feel free to post it as an answer for my dumb question >.< — CrazyWu
– CrazyWu, Commented Dec 21, 2017 at 20:30

Alberto Rivera · Accepted Answer · 2017-12-21 20:31:26Z

2

Use v-model instead of :v-model

answered Dec 21, 2017 at 20:31

Alberto Rivera

3,7623 gold badges23 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

vue.js v-model with array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related