Vue 2 input name attribute with a multidimensional value

Question

How do I update this input to work with Vue.js 2?

<input value="{{item.id}}" type="text" name="emails[{{$index}}]['id']" />

This is as far as I've got:

<input :value="item.id" type="text" class="form-control" name="emails[{{$index}}]['id']" />

I'm not sure how to update the name attribute.

Saurabh · Accepted Answer · 2017-01-31 02:26:44Z

1

For name as well you have to use v-bind or in short : like following:

<input :value="item.id" type="text" class="form-control" 
  :name="emails[$index]['id']" />

answered Jan 31, 2017 at 2:26

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

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

1 Comment

Ah! Where I was getting stuck was with inside the name I didn't know I could use $index instead. Thank you so much!