Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I have a module names users and another roles, both modules in my Vuex have the action name setFilter, when i call this actions in my component everytime try to run the users module action. So, how can i say to my component that i want to run the roles module action.
This is how i'm calling the actions in my component.
export default () {
methods: {
...mapActions(['setFilter']),
changeFilter () {
// Do shomething
this.setFilter()
}
}
}
@gabrielbuzzi Check out the namespacing section on the modules page of the vuex docs.
http://vuex.vuejs.org/en/modules.html#namespacing
I just dealt with this issue while my company rebuilds our current Rails application. I found namespacing each action, getter and mutation method to be the best solution. Let me know if you would like a real-world example... Our new platform is a full SPA using vue, vue-router, vuex, vuex-router-sync with a Laravel API backend.
@erikgall It would be great to see a real-world example if you could provide one. I am utilizing namespaces for my modules, but I am having trouble accessing the actions/getters within my components. Thanks!
I followed these tutorials by the way.
https://metricloop.com/blog/how-to-use-vuex-in-a-laravel-spark-project https://metricloop.com/blog/how-to-set-up-modules-in-vuex
@cashlion this two tutorials is great, but i'm not sure i agree the way the namespacing is done in the example.
@gabrielbuzzi I reached out to the author of those tutorials that I posted and his solution can be seen here:
https://gist.github.com/nickbasile/63c8d6ad3f29c18a1620d6b60769c548
I too didn't like this namespacing setup at first, but it's growing on me.
Please or to participate in this conversation.