¿Cómo romper el bucle v-for en vue.js?

Solución:

puede manipular la matriz antes del inicio del ciclo

<div v-for="(word, index) in dictionary.slice(0,20)"> 
    <p>{{word}}</p>
</div>

Para este escenario, esta solución funciona mejor para mí.

<div v-for="(word, index) in dictionary" v-if="index <= 20"> 
    <p>{{word}}</p>
</div>

Debe crear un valor calculado para su diccionario truncado (por ejemplo, es mejor preparar los datos para la representación):

computed: {
 shortDictionary () {
   return dictionary.slice(0, 20)
 }
}

…

<div v-for="(word, index) in shortDictionary"> 
   <p>{{word}}</p>
</div>

---

---

Utiliza Nuestro Buscador