Vue Input Array Models

by javad ebrahimi

HTML

<div id="app">
  <form action="post">
    <input type="text" name="names[]" v-model="names[0]" v-on:input="changed">
    <input type="text" name="names[]" v-model="names[1]" v-on:input="changed">
    <input type="text" name="names[]" v-model="names[2]" v-on:input="changed">
  </form>
  {{ names | json }}
</div>

JavaScript

var app = new Vue({
  el: "#app",
  data: {
    names: []
  },
  methods: {
    changed: function() {
      console.log(this.names);
    }
  }
});