Hola amigo lector de CodigoJS, hoy comparto un tips sencillo pero útil. ¿Se te ha dado el caso que necesitas acceder a la instacia de Vue desde un action de Vuex?
Estoy trabajando en un proyecto donde estamos implementando permisos de usuarios con la librería @casl/vue y necesitaba acceder a la instancia de Vue para actualizar los permisos cuando el usuario hacia login.
La solución fue muy sencilla, this._vm
...
// Actualizamos los permisos
this._vm.$ability.update(permissions)
….$abilibily es la método que se encarga de actualizar los permisos en @casl/vue, como estamos en un action, si accedemos directamente a this, solo tendremos acceso a los métodos y propiedades del action.
Veamos en un ejemplo. Hacemos un console.log(this) dentro de action y el resultado será el siguiente:
….
console.log(this)
….
Como vemos _vm es la variable que hace referencia a la instancia de Vue.
Bueno amigos, hasta aquí este pequeño tip, espera que te sea útil.
PD: Prometo hacer un post sobre como implementar la libreria @casl/vue en un proyecto con Quasar.
