第一次单击时将状态提交为空白。威克斯

Question

首次单击将提交状态留空。 Vuex。

我无法在第一次单击变量时获得更新状态。

我已经尝试使用Getters，但仍然无法正常工作。

第一次点击为白色，其他点击正常。

我要去哪里错了？

谢谢你们。

动作

    function login({ commit }, data) {
axios.post(`/api/token`, {
    username: data.username,
    password: data.password
  })
    .then(response => {
      if (response.status !== 400 || response.status !== 401) {
        commit('setLoginError', 'Bem vindo!')
      }
      commit('setToken', response.data)
    })
    .catch(error => {
      if (error.response.status === 400) {
        commit('setLoginError', 'Campos inválidos!')
      } else if (error.response.status === 401) {
        commit('setLoginError', 'Credências inválidas!')
      }
    })
    }

---

变异

function setLoginError (state, data) {
  state.loginError = data
}

---

computed: {
    ...mapState('auth', ['loginError'])
  },
  methods: {
    ...mapActions('auth', ['login']),
    onSubmit () {
      this.login({ 'username': this.username, 'password': this.password })
      console.log(this.loginError)
    }
  }