[Vuejs]-How to make vuex and components with his data real-time updates

by

0👍

✅

Commit a mutation “workermanage/addStaff” in action addWorkerSubmit. Can backend return added staff? If so:

const actions = {
  ...
  async addWorkerSubmit ({ commit }, formData) {
    let { status, data: { code, msg, staff } } = await axios.post(`/manager/worker_manage/addStaff`, formData, {
      headers: { 'content-type': 'multipart/form-data' }
    })
    if (status === 200 & code === 0) {
      commit('workermanage/addStaff', staff)
    }
  }
}

const mutations = {
    addStaff(state, payload) {
        state.staffs.push(payload)
    }
}

If backend dont return added staff. You can query updated list (same action as nuxtServerInit) or get added staff from formData

Leave a comment