Saltar al contenido

Imagina que tienes una columna en tu base de datos que es un Boolean y necesitas mostrar un string dependiendo de su valor, Sí si es true y No si es false.

Los Filtros en Vuejs 2 con parámetros son la solución, así que únicamente deberíamos definir un filtro de la siguiente forma:

1Filters.js

Vue.filter('booleanToString', function (boolean, ifTrue, ifFalse) {
   return boolean ? ifTrue : ifFalse;
});

2Mixin.js

this.$options.filters.booleanToString(user.active, 'Sí', 'No')

3Component.vue

{{ user.active | booleanToString('Sí', 'No') }}

De esta forma tan sencilla podemos aplicar Filtros en Vuejs 2 haciendo uso de parámetros.

Rutas de aprendizaje