Getters en Vuex con parámetros

Aprende a utilizar Getters en Vuex con parámetros utilizando sintaxis ES5 y ES6.

Pueden ser muchos los casos en los que necesitemos pasar algún parámetro a los Getters en Vuex, por ejemplo, si estamos haciendo búsquedas y no queremos almacenar ese dato en el State de Vuex, sería un gran momento para pasarle parámetros a un Getter.

El problema de todo esto es que lo que parece que debería funcionar no lo hace, es decir, lo siguiente no funciona:

 

Aunque podemos ver que estamos utilizando los Getters de forma aparentemente correcta, ese dato nunca llegará al Getter porque no es la forma correcta de hacerlo.

 

Navegadores sin soporte para ES6

Si estamos trabajando en navegadores antiguos (IE9) que no soportan ES6 deberíamos escribir nuestro Getter de la siguiente forma:

 

La clave es retornar una función a través de la cual podemos interceptar el parámetro del Getter, es así de simple.

Navegadores con soporte para ES6

Si estamos utilizando navegadores modernos (Google Chrome, Mozilla…) podemos simplificar nuestro código haciendo uso de las funciones flecha de la siguiente forma.

 

Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register