[Vuejs]-How can you render a sub list in an array using Vue JS?

by

3👍

✅

Try this. You can create another v-for inside each event

<div id="app">
  <ul>
      <li v-for="(event,index) in events" :key="index">
          <p>{{event.eventName}}</p>
          <ul>
            <li v-for="(sponsor,index) in event.eventSponsors" :key="index">
              {{sponsor}}
            </li>
          </ul>
      </li>
  </ul>
</div>
👤Jake Lam

Leave a comment