Tengo un estado en pinia el cual tengo un arreglo vacio, hago una peticion y agrego los elementos que me regresa al arreglo con push, tengo un componente donde mando a llamar el arreglo con la informacion y la recorro usando v-for y muestro unas cards, en el componente donde recorro el array, tengo un par de botones para filtrar elementos del arreglo por un tipo, creo una funcion y le pago un type, y en los botones mando a llamar a esta funcion pasandole el parametro, en la funcion hago el filtro, para solo mostrar los que necesito. Pero como puedo filtrar elementos en el mismo arreglo con diferentes condiciones? en el original hago unas búsquedas, al arreglo original le hago el filtro y ahora el arreglo va tener solo los elementos filtrados, pero quiero hacer otro, pero con todos los elementos del arreglo, como puedo hacer esto?, lo soluciono creando otro arreglo donde tengo los elementos filtrados pero, hay forma de hacerlo en el mismo sin crear otro?
este es mi código donde creo el otro arreglo.
<button
class="d-flex align-items-center button-option cursor-pointer px-2"
@click="filterByType('uno')"
>Uno</button>
<button
class="d-flex align-items-center button-option cursor-pointer px-2"
@click="filterByType('two')"
>Two</button>
<button
class="d-flex align-items-center button-option cursor-pointer px-2"
@click="filterByType('three')"
>Three</button>
<card
v-for="(elem, n) in filtersArray"
:key="`elem-${n}`"
:elem="elem"
class="mb-4"
/>
if (filtersArray.value.length === 0) {
filtersArray.value = array
}
const filterByType = (type) => {
filtersArray = array.filter((val) => val.type === type)
}
array.filter
genera un nuevo array con los elementos filtrados... no será que estás sobreescribiendo el valor de filtersArray y ahi está el problema?array
, cuando carga tiene todos los elementos, cuando filtra, solo los filtrados, pero si hago otro filtro, no lo hace porque pues no tiene elementos, solo los que se filtraron jejeconst filterByType
. Podría usar propiedades computadas sin mutar el arreglo original.filterByType
en cada botón donde paso el tipo, de ahí hago el filtro@click
en este caso. De otro modo mutara el array original y no puede lograr lo que busca.