Styjun

What powers the air required for pneumatic brakes in aircraft?

Alphanumeric Line and Curve Counting

Alternator dying so junk car?

Do I need a 50/60Hz notch filter for battery powered devices?

Did Voldemort kill his father before finding out about Horcruxes?

Why did Spider-Man take a detour to Dorset?

Should I be able to keep my company purchased standing desk when I leave my job?

How should the player unlock things?

Is it rude to refer to janitors as 'floor people'?

How Can I Process Untrusted Data Sources Securely?

Why does "git status" show I'm on the master branch and "git branch" does not?

How do affixes and prefixes work in Diablo 2?

Is it OK to use personal email ID for faculty job applications or should we use (current) institute's ID

Did 007 exist before James Bond?

Why isn't aluminium involved in biological processes?

If SWIFT is headquartered in Europe, why does the EU need to create a SWIFT alternative to be able to do transactions with Iran?

Interviewing with an unmentioned 9 months of sick leave taken during a job

Bone Decomposition

Why is Katakana not pronounced Katagana?

Why are road bikes (not time trial bikes) used in many triathlons?

Strategy to pay off revolving debt while building reserve savings fund?

Sankhara meditation

Cine footage fron Saturn V launch's

Is there a source that says only 1/5th of the Jews will make it past the messiah?

Ho do you call Vuex module Action from Vue component action?

Is there a way to dispatch actions between two namespaced vuex modules?How to access Vuex module actions from a componentVuex | How to commit a global mutation in a module action?Get vuex module state in another module actionCannot dispatch namespaced action from a separate module: [vuex] unknown action typeUnable to call vuex namespaced module action from Vue componentvuex dynamic module register shows object emptyListen to actions/mutations from within a vuex modulesAccessing vuex module state from another moduleself dispatch action within nuxt vuex module

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

Let's say i have Vuex store module storeModuleName, and i want to invoke its action from some component.

Component:

export default {
 actions: 
 close() 
 dispatch('storeModuleName/storeModuleAction');
 ,
 
...

Error:

dispatch is not defined

vuejs2 vuex

share|improve this question

edited Mar 26 at 9:04

Croll

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

add a comment | 

0

Let's say i have Vuex store module storeModuleName, and i want to invoke its action from some component.

Component:

export default {
 actions: 
 close() 
 dispatch('storeModuleName/storeModuleAction');
 ,
 
...

Error:

dispatch is not defined

vuejs2 vuex

share|improve this question

edited Mar 26 at 9:04

Croll

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

add a comment | 

Let's say i have Vuex store module storeModuleName, and i want to invoke its action from some component.

Component:

export default {
 actions: 
 close() 
 dispatch('storeModuleName/storeModuleAction');
 ,
 
...

Error:

dispatch is not defined

vuejs2 vuex

share|improve this question

edited Mar 26 at 9:04

Croll

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

export default {
 actions: 
 close() 
 dispatch('storeModuleName/storeModuleAction');
 ,
 
...

dispatch is not defined

share|improve this question

edited Mar 26 at 9:04

Croll

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

share|improve this question

edited Mar 26 at 9:04

Croll

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

asked Mar 26 at 8:07

CrollCroll

1,34133 gold badges1717 silver badges4545 bronze badges

1 Answer
1

active

oldest

votes

2

You need mapActions, mapActions let you connect with actions inside modules

import mapActions from "vuex";
export default 
 methods: 
 ...mapActions(
 storeModuleActionName: "storeModuleName/storeModuleAction"
 )
 ,
 mounted()
 this.storeModuleActionName();
 

And then you can use storeModuleActionName as a normal method, Check the link about mapActions

share|improve this answer

edited Mar 26 at 9:51

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55352403%2fho-do-you-call-vuex-module-action-from-vue-component-action%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

2

You need mapActions, mapActions let you connect with actions inside modules

import mapActions from "vuex";
export default 
 methods: 
 ...mapActions(
 storeModuleActionName: "storeModuleName/storeModuleAction"
 )
 ,
 mounted()
 this.storeModuleActionName();
 

And then you can use storeModuleActionName as a normal method, Check the link about mapActions

share|improve this answer

edited Mar 26 at 9:51

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

add a comment | 

2

You need mapActions, mapActions let you connect with actions inside modules

import mapActions from "vuex";
export default 
 methods: 
 ...mapActions(
 storeModuleActionName: "storeModuleName/storeModuleAction"
 )
 ,
 mounted()
 this.storeModuleActionName();
 

And then you can use storeModuleActionName as a normal method, Check the link about mapActions

share|improve this answer

edited Mar 26 at 9:51

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

add a comment | 

You need mapActions, mapActions let you connect with actions inside modules

import mapActions from "vuex";
export default 
 methods: 
 ...mapActions(
 storeModuleActionName: "storeModuleName/storeModuleAction"
 )
 ,
 mounted()
 this.storeModuleActionName();
 

And then you can use storeModuleActionName as a normal method, Check the link about mapActions

share|improve this answer

edited Mar 26 at 9:51

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

import mapActions from "vuex";
export default 
 methods: 
 ...mapActions(
 storeModuleActionName: "storeModuleName/storeModuleAction"
 )
 ,
 mounted()
 this.storeModuleActionName();
 

share|improve this answer

edited Mar 26 at 9:51

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges

answered Mar 26 at 9:43

Moumen SolimanMoumen Soliman

80311 gold badge55 silver badges1515 bronze badges