如何在突变中编辑数组并刷新它?

时间:2019-05-03 16:00:10

标签: vuex nuxt

我试图编辑数组中的一个元素,首先,调用一个在后端执行put操作的操作,其次,提交一个更改了元素的突变。

但是,我的数组不会自动更新,我需要刷新一下包含数组元素的表。

另一个问题是做这种事情还可以吗?我的意思是,如果其他地方登录了其他人,则在刷新其页面之前,将看到旧值。是吗?

我的动作

async editPersonnel({
    commit
  }, data) {
    console.log(data);
    let id = data.personnelID;
    let personnel = await this.$axios.$put(
      `http://localhost:56980/api/Personnel/DealerEmployee/${id}`,
      data
    );
    commit("EDIT_DEALER_PERSONNEL", personnel);
  },

我的突变

  EDIT_DEALER_PERSONNEL(state, EDITemployee) {
    debugger
    const postIndex = state.dealerPersonnel.findIndex(
      post => post.personnelID === EDITemployee.personnelID
    );

    state.dealerPersonnel[postIndex] = EDITemployee;
  },

0 个答案:

没有答案