Vuex: Can you add hooks before and after mutation actions ?

[smithyj]

What problem does this feature solve?

come true global loading plugins

What does the proposed API look like?

for example:
store.subscribeBeforeAction()
store.subscribeAfterAction()
store.subscribeBeforeMutation()
store.subscribeAfterMutation()

[LinusBorg]

come true global loading plugins

I assume that this is because of a language barrier but I don't have antsy idea what you mean by that.

[smithyj]

Sorry, I hope vuex is supports global loading status

[smithyj]

see title , that is also problem

[smithyj]

@LinusBorg

[LinusBorg]

I think I get what you mean. I think something like that was already discussed, we'll see if we willl implement it. If we do, it won't be "tomorrow".

Until then you can write simply action enhancers on your own:

function enhanceAcion(actionFn) {

  return function (context, payload)  {
    // initialize global loading status

    actionFn.call(this, context, payload).then(() => {
      // disable gloabl loading status.
    })
  }
}

// in a store module:

const actions = {
  myAction: enhanceAction(({commit}, payload) => {
    //... your normal action. make sure to return a promise.
  })
}

IF you have questions about this, please use forum.vuejs.org or chat.vuejs.org, don't ask here - this issue is about your proposal, not my workaround.

[smithyj]

Great Idea Thanks

[smithyj]

Chinese Help Tips : 全局loading包装

[seyfer]

@LinusBorg this hack doesn't work if helper mapActions is used. Then payload is undefined.

[LinusBorg]

Wouldn't see why as it's passed through transparently.

If you can come up with a reproduction, post it to forum.vuejs.org and I'll have a look.

Dead issues are not the place.

[danbars]

Wouldn't plugins allow to do exactly that? From the example here:

store.subscribe(mutation => {
   if (mutation.type === 'UPDATE_DATA') {
     socket.emit('update', mutation.payload)
   }
 })