Skip to content

Refs inside v-for is causing Maximum recursive updates exceeded in component <RouterView>. #10210

Description

@fm353488931

Vue version

3.4.15

Link to minimal reproduction

https://play.vuejs.org/#eNp9UctOwzAQ/JWVL6RSSEC9VWklQBxA4iHghjlEySYYHDvyI7Sq8u+sHbWlEurBsndmPJrd3bKrvs8Gj2zBuCocdr0sHa64AihqMcBw3miz5CwRxKUgVI3rGV0QassZLL5xQ3wkqDTYUFVp+YINZ6vLIicXsivyI28CbGVE78Ci8z1houu1cbANDilo9aC9cljDCI3RHZxRxjOuKq2sg8kelkGbvH/MuNoxMdUxEaFsKKVHIt6340ee242qoPosVYvwI6QENEaboCYO3ZvoUHuXJDNYrmAbUJisj3wCPqYwv7jYJ9ASM6nb5JKQfQ8HH6DoB9HUBilHOkU+DSSOh6XMWZI2os2+rFa0nfg7TLbrhUTz1DtBVpwtJt/AlVLqn/uIOeMx3eHVJ1bf/+Bflja2oMezQYtmQM72nCtNi26ib18fcU3vPdnp2ktSnyBfkNr0IeMku/aqpth/dDHtXdy6UO2bvV07VHbXVAgalGPUc0brvznR+iHuPJvHfzRVNv4C72j03g==

Steps to reproduce

1.create a component in router-view
2.use refs inside v-for in this component
3.change the length array synchronously in setup
4.free to change the code and save
5.vite's hmr updated and console a error(Maximum recursive updates exceeded in component RouterView.)

What is expected?

just update once.
vue3.3.4 is ok , 3.4.15 is wrong

What is actually happening?

Maximum recursive updates exceeded in component RouterView.

System Info

"vue": "^3.4.15",
"vue-router": "^4.2.5"
"@vitejs/plugin-vue": "^5.0.0",
"vite": "^5.0.0"

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    need more infoFurther information is requested

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions