Vue v-for

Aryan

Code: Html

2021-01-31 13:40:38

<div v-for="item in itens" :key="item.id">
	{{ item.text }}
</div>

// if you need the index

<div v-for="(item, index) in items">
	{{ index }} - {{ item.message }}
</div>

1

Daniel Wilson

Code: Html

2021-07-04 04:17:39

<ul id="example-1">
  <li v-for="item in items" :key="item.message">
    {{ item.message }}
  </li>
</ul>

4

Rok Kralj

Code: Html

2021-03-07 05:45:09

<!-- To gain access to the array index: -->
<ul>
    <li v-for="(game, index) in games"></li>
</ul>
<!--
	You only want the index in specific cases. Use `:key` as
	standard. See the other greps.
-->

5

Bhaumik Thakkar

Code: Html

2021-01-31 13:41:32

<ul>
  <li v-for="(val, index) in arr">
    <!-- Do something... -->
  </li>
</ul>

2

user28781

Code: Html

2021-01-25 05:58:13

<option v-for="(location, index) in locations" v-bind:value="location.id" v-bind:selected="index === 0">
  {{ location.from }} - {{ location.to }}
</option>

1

Mira

Code: Html

2021-03-07 05:47:27

<ul>
  <li v-for="(item, index) in items">
    {{ index }} - {{ item }}
  </li>
</ul>

0

Related

New to Communities?