是否可以根据vuex中的属性选择要返回的对象？

Question

我有一个名为Employees的对象数组，正在尝试获取为department_id = 3的对象，并且我不想回到laravel并再次发出请求，所以有没有办法用vuex做到这一点？

     "id": 25,
    "name": "name",
    "email": "[email protected]",
    "last_name": "lastname",
    "phone": "98745632",
    "gender": "Male",
    "nationality": "Tunisian",
    "school": "ISIMM",
    "experience_level": "2",
    "source": "Linkedin",
    "hiring_date": "2020-04-17",
    "end_contract": "2020-04-18",
    "position": "web developer",
    "grade": "Junior",
    "contract": "Cdi",
    "department_id": 1,
    "company_id": 1,
    "archived": "0",
    "img": null,
    "supervisor_id": 1,
    "ipAdress": null,
    "last_login_at": null,
    "department": {
      "id": 1,
      "name": "mobile"
    },

这里状态：

const employee = {
  state: {
    Employees: [],
    sysAdmins: [],
  },

这里getters：

  sysAdmins: (state) =>
state.Employees.map((element) => (element.department_id = "3")),


 Employees: (state) => state.Employees,

这里变异：

  getsysAdmins(state, employees) {
state.sysAdmins = employees;

}，

  getEmployees(state, employees) {
state.Employees = employees;

}，

这里动作：

  getEmployees(context) {
const config = {
  headers: {
    "x-api-key": process.env.VUE_APP_SIRH_X_API_KEY,
    Authorization: localStorage.getItem("access_token"),
  },
};
return new Promise((resolve, reject) => {
  axios
    .get("/employees/all_employees", config)
    .then((response) => {
      context.commit("getEmployees", response.data.data.users);
      context.commit("getsysAdmins", response.data.data.users);

      resolve(response);
    })
    .catch((error) => {
      reject(error);
    });
});

}，

Answer 1

尝试一下..

使用console.log检查结果以确认。

const newValue = {
   ...JSON.parse(localStorage.getItem("Employees")),
   department.id: 3
}

localStorage.setItem("Employees", JSON.stringify(newValue))

或

// Get the user from localStorage and parse into object
let department = JSON.parse(localStorage.getItem("Employees"));
// Update an attribute on the user object
Employees.department.id = 2;
// Update the user in localStorage and stringify to string
localStorage.setItem("Employees", JSON.stringify(Employees));