tl; dr
¿Cómo acceder a otros captadores desde un captador parametrizado? Normalmente, puede usar this.myGetter ; pero un captador parametrizado se implementa como una función de flecha, en la que this no está definido. ¿Cuál es la forma preferida de manejar este caso en Pinia?
Me gustaría crear un getter parametrizado ( multiSum ) en mi tienda Pinia, que accede a otro getter ( sum ).
Se puede acceder a los getters a través de this , pero eso no funcionará desde una función de flecha que se usa para implementar un getter parametrizado: multiSum falla porque this está undefined en el contexto de la función de flecha anidada.
getters: { sum: (state) => state.a + state.b, multiSum: (state) => (count) => this.sum * count // crash: this is undefined } En Vuex, los captadores parametrizados pueden acceder a otros captadores a través de un parámetro en lugar de this , que también funciona en funciones de flecha. Pero afaik esta API no existe en Pinia.
Puedo solucionar esto capturando la instancia de la tienda:
multiSum(state) { const store = this return (count) => store.sum * count }Esto funciona, pero es bastante detallado. ¿Hay una mejor manera (más compatible con el marco) de hacer esto?
this puede estar undefined dentro de la función de flecha porque no es intercambiable con la función normal y obtiene un contexto del ámbito principal.
El uso de this y state se explica en detalle en la documentación . Se puede usar this o state , pero this tiene mejor Typescript y, por lo tanto, compatibilidad con IDE.
En el primer fragmento, el state ya está disponible en el alcance de la función, no es necesario acceder a this :
multiSum: (state) => (count) => state.sum * count En el segundo fragmento, const store = this no es necesario porque una tienda ya es this .
multiSum() { return (count) => this.sum * count }