Mengapa komponen Vue tidak diberikan semula selepas menukar keadaan Pinia (mengalih keluar objek dalam tatasusunan)?

Question

Saya mempunyai fungsi deleteHandler yang menukar tatasusunan pengguna dalam pinia. Walau bagaimanapun, dalam devtools vue, keadaan berubah tetapi komponen tidak diberikan semula, tetapi jika saya mengalih keluar objek daripada tatasusunan, hanya tukar beberapa nilai, kemudian vue mengenalinya dan memaparkan semula komponen, hanya dengan mengeluarkannya daripada Objek tatasusunan tidak akan berfungsi.

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

Saya rasa ini adalah sejenis isu rujukan. Sila cuba ini

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

Dipasang

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