[Vuejs]-VUE & VUEX: Arrays In Arrays – How To Connect Them

by

0👍

You can use v-for to list the arrays like this:

<div id="triads">
  <div class="triad">
    <div id="people">
      <input id="people-input" type="text">
      <ul>
        <li v-for="p in person">{{p}}</li>
      </ul>
    </div>
    <div id="places">
      <input id="places-input" type="text">
      <ul>
        <li v-for="place in places">{{place}}</li>
      </ul>
    </div>
    <div id="equipment">
      <input id="equipment-input" type="text">
      <ul>
        <li v-for="e in equipment">{{e}}</li>
      </ul>
    </div>
  </div>
</div>

You can use v-on:click or @click with buttons and call methods which can do desired that is add inputed value in the corresponding arrays.

What else you need?

Leave a comment