javascript - variable - vuexjs getter con argumento

vuex read state

Question

¿Hay alguna forma de pasar el parámetro al getter de vuex store ? Algo como:

new Vuex.Store({
  getters: {
    someMethod(arg){
       // return data from store with query on args
    }
  }
})

Para que en el componente pueda usar

<template>
    <div>
        <p>{{someMethod(this.id)}}</p>
    </div>
</template>
<script lang="ts">
    import { mapGetters } from "vuex"

    export default {
        props: [''id''],
        computed: mapGetters([''someMethod''])
        }
    }
</script>

pero en vuex el primer argumento es state y el segundo es otros getters . ¿Es posible?

Answer 1

Una forma de hacer esto puede ser:

new Vuex.Store({
  getters: {
    someMethod(state){
      var self = this;
       return function (args) {
          // return data from store with query on args and self as this
       };       
    }
  }
})

Sin embargo, getter no toma argumentos y por qué se explica en este hilo :

la convención de nomenclatura es un poco confusa, getters indica que el estado se puede recuperar de cualquier forma, pero de hecho son reductores.

Quizás deberíamos tener reductores como métodos puros. Que se puede utilizar para filtrar, mapear ect.

los getters pueden ser dados en cualquier contexto. Similar a la calculada, pero ahora puede combinar apoyos computados con getters en la opción vuex. Lo cual ayuda a la estructura de los componentes.