setTimeout make an error about vuex

[yyx990803]

This is the point: separating async and actual state mutations. Otherwise you never know when the hide message thing happened.

[skyrpex]

Mutations cant be async... You should do the async thingy using an action

[changexbc]

@skyrpex thank you

[changexbc]

I change the state use action but still have a problem

like this

const setMsgTip = ({ dispatch, state }) => {
  dispatch(types.SET_MSGTIP)
  setTimeout(() => {
     state.msgTip.show = false
  },2500)
}

update:
I set a [HIDE_MSGTIP] in Mutations

like this

// mutations
const msgTipMutations = {
    [SET_MSGTIP]({ msgTip }, text) {
        clearTimeout(msgTip.timer)
        msgTip.text = text
        msgTip.show = true
        // msgTip.timer = setTimeout(() => {

        // },2500)
    },
    [HIDE_MSGTIP]({ msgTip }) {
        msgTip.show = false
    },
}

// actions
const setMsgTip = ({ dispatch, state }) => {
  dispatch(types.SET_MSGTIP)
  setTimeout(() => {
     dispatch(types.HIDE_MSGTIP)
  },2500)
}

This solved my problem,but I feel a bit cumbersome,is there any better solution?