Estoy trabajando en un proyecto que ya ha comenzado y mi problema es el siguiente:
Tengo una mutación, que generará un menú, dependiendo de si el usuario tiene permiso para acceder o no, esto se calcula con un getter.
let menuList = [];
appRouters.forEach(item => {
// eslint-disable-next-line no-console
if (item.permission !== undefined) {
let hasPermissionMenuArr = [];
hasPermissionMenuArr = item.children.filter(child => {
if (child.permission !== undefined) {
//if (child.permission.includes('operator')) {
console.log(hasPermission(child.permission))
if (hasPermission(child.permission)) {
return child;
}
} else {
return child;
}
});
El código "funcionaría" bien, pero cuando accede a los captadores para comprobar si el usuario tiene permiso para ese menú, el captador devuelve la función que tiene para recibir los parámetros, y no el valor.
export const hasPermission = state => permission => {
return isGranted(state, permission);
};
aquí la otra función del getter
function isGranted(state, permissionName) {
return (
state.user !== undefined &&
state.user.roles !== undefined &&
state.user.roles.some(p => {
return p.toLowerCase() === permissionName.toLowerCase();
})
);
}
Sé que el getter está llamando a una tercera función, pero incluso, al getter hasPermission solo le he puesto una devolución de un console.log del permiso que se le pasa, e incluso entonces devuelve la función en texto.
Se que hay algo que no entiendo
EDIT: 0
Si si lo probe ni bien me lo recomendaste, pero no funciono. Sinceramente no se que son captors. A lo que me refiero en el link que mande es lo sigueinte:
Asi dice vuex qeu es la forma de hacerlo, en otra oportunidad en otro proyecto lo use asi y funcionaba, no entiendo porque no funciona ahora.
Perdon si no es que me cuesta, no quiero hacerles perder el tiempo pero necesitaba un poco de ayuda. De nuevo gracias por responder!