Subscribe on changes!

v-memo in v-for, only memoize until the first changed item

avatar
Feb 23rd 2024

Vue version

3.4.15

Link to minimal reproduction

https://play.vuejs.org/#eNp9U9tu2zAM/RVOL0kA1ZmbdJcsDXYrsAzYOjTDhqHqg2fTiRtZMiQ6TRH430fZSRZgQ99EnkPq8IjaiXdVFW1qFBMx9akrKgKPVFczZYqyso5gBw5zaCB3toQeU3vKKJNa4wlKv4TLgPd7n1BrCz+t09mz3iBQDqQsoWTPuo3luRzJsbyQL+RL+Uq+lvFzGccyPpfxSMbju8GbUJjXJqXCGi4q7QY/cod+YTLcDmCnDLQto02ia4x8pYsUO1RCHOobZabDbhgegwPCstIJIUcA01U8+3H2hRsDoafpkOOQn+fwaGtIud0aCgO0QlDiphUAF0rA75rIGtmxEsM+ISRaQ2rZKIOGPCQ5oePKhAA1lpyDxCHUFQvGLIJwz6+T8nAHFSXLSMrKQ7pKzBI7pwPUTZ8dexFL5jSarB2k1q1wPukCNme5dZdKZJLFsxdhhGATC5+s8TEgXbQ5K7ktx7fZnRL7DtyjGw/etgYw/I/1XDvb27HbQQZNMx12RccmnDf4AFyE/UFEdr64XpArzLI/YPpe7FAX3UMM2wGmw5PnEVKQ57XJi2V0763htWwfXIngcqHRXVdhMbwSk24VAsavYB8+tzlyNcpDPl1huv5P/t5vQ06Jbw49ug0qccQocUukDr5afMUtn49gabNaM/sJ8Aa91XXQ2NHe1yZj2Se8Vu28/VzszHd/tSU0/jBUEBqYTctXgj/chydG/yt3FI3bOt5/0fwB/zNDhw==

Steps to reproduce

Create an element with v-for and v-memo (like the example in the documentation). Then modify or remote one element. This element is updated and all the following elements too, it is not correct. If you have 1000 rows and try to remove he second row, then update all the 998 folloing components

What is expected?

Vue should delete (or update) only the deleted element and not update any of the following elements

What is actually happening?

Vue is updating the modified element and following too.

System Info

No response

Any additional comments?

No response

avatar
Feb 29th 2024

/ecosystem-ci run