Skip to main content
se añadieron 559 caracteres en el cuerpo
Origen Enlace
Luka
  • 1
  • 1

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:

introducir la descripción de la imagen aquí

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!

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

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:

introducir la descripción de la imagen aquí

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!

se eliminaron 32 caracteres en el cuerpo; título editado
Origen Enlace
Luka
  • 1
  • 1

getters return a function in mutation Getters en vuex in vue jsdevuelve una funcion en lugar del valor

I am working on a project that has already started and my problem is the followingEstoy trabajando en un proyecto que ya ha comenzado y mi problema es el siguiente:

I have a mutationTengo una mutación, which will render a menuque generará un menú, depending on whether the user has permission to access or notdependiendo de si el usuario tiene permiso para acceder o no, this is calculated with aesto 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;
      }
    });

The code would "work" fineEl código "funcionaría" bien, but when it goes to access the getters to check if the user has permission to that menupero cuando accede a los captadores para comprobar si el usuario tiene permiso para ese menú, the getters that one returns the function it has to receive parametersel captador devuelve la función que tiene para recibir los parámetros, and not the valuey no el valor.

export const hasPermission = state => permission => {
return isGranted(state, permission);
};

here the other function of theaquí 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();
    })
  );
}

I know that theSé que el getter is callingestá llamando a third functionuna tercera función, but evenpero incluso, to the hasPermissional getter I have only put a return of ahasPermission solo le he puesto una devolución de un console.log of the permission that is passed to itdel permiso que se le pasa, and even then it returns the function in texte incluso entonces devuelve la función en texto.

I know there is something that I do not understandSe que hay algo que no entiendo

getters return a function in mutation vuex in vue js

I am working on a project that has already started and my problem is the following:

I have a mutation, which will render a menu, depending on whether the user has permission to access or not, this is calculated with a 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;
      }
    });

The code would "work" fine, but when it goes to access the getters to check if the user has permission to that menu, the getters that one returns the function it has to receive parameters, and not the value.

export const hasPermission = state => permission => {
return isGranted(state, permission);
};

here the other function of the getter

function isGranted(state, permissionName) {
  return (
    state.user !== undefined &&
    state.user.roles !== undefined &&
    state.user.roles.some(p => {
      return p.toLowerCase() === permissionName.toLowerCase();
    })
  );
}

I know that the getter is calling a third function, but even, to the hasPermission getter I have only put a return of a console.log of the permission that is passed to it, and even then it returns the function in text.

I know there is something that I do not understand

Getters en vuex devuelve una funcion en lugar del valor

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

Origen Enlace
Luka
  • 1
  • 1

getters return a function in mutation vuex in vue js

I am working on a project that has already started and my problem is the following:

I have a mutation, which will render a menu, depending on whether the user has permission to access or not, this is calculated with a 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;
      }
    });

The code would "work" fine, but when it goes to access the getters to check if the user has permission to that menu, the getters that one returns the function it has to receive parameters, and not the value.

export const hasPermission = state => permission => {
return isGranted(state, permission);
};

here the other function of the getter

function isGranted(state, permissionName) {
  return (
    state.user !== undefined &&
    state.user.roles !== undefined &&
    state.user.roles.some(p => {
      return p.toLowerCase() === permissionName.toLowerCase();
    })
  );
}

I know that the getter is calling a third function, but even, to the hasPermission getter I have only put a return of a console.log of the permission that is passed to it, and even then it returns the function in text.

I know there is something that I do not understand