Me gustaría mostrar solo artículos donde id=1 en mi vista VueJS. Aquí está mi código que muestra todos los artículos con v-for :
<div v-for="exercise in exercises" v-bind:key="exercise"> <h2>{{ exercise.name }}</h2> </div>Aquí están mis datos:
[ { "id": "1", "name": "Test1", }, { "id": "2", "name": "Test2", }, { "id": "1", "name": "Test3", } ] Entonces, ¿es posible filtrar los datos por exercice[i].id por ejemplo?
Gracias
o filtras tus datos en html con v-if
<template v-for="exercise in exercises" v-bind:key="exercise" <div v-if="exercise.id === 1"> <h2>{{ exercise.name }}</h2> </div> </template>o puede crear datos computados
computed: { filteredExercies: function () { return this.exercises.filter(i => i.id === 1) }, }