為什麼更改 Pinia 狀態（刪除數組中的物件）後不重新渲染 Vue 元件？

Question

我有一個deleteHandler函數，它可以更改pinia中的使用者陣列。但是，在vue 的devtools 中，狀態發生了更改，但組件沒有重新渲染，但是如果我從數組中刪除對象，只需更改一些值，然後vue 會識別它並重新渲染組件，僅通過從數組中刪除對像是行不通的。

const deleteHandler = (user) => {
  //doesn't renders
    useUser.users = useUser.users.filter(usr => usr.id !== user.id) 
  //it works, the component is re-rendered
  useUser.users.forEach(usr => {
    usr.points += 1
  })
}

Answer 1

我認為這是某種參考問題。 請嘗試這個

useUser.users = [...useUser.users.filter(usr => usr.id !== user.id)];

已安裝

useUser.users = useUser.users.filter(usr => usr.id !== user.id)