Template refs can only be addressed correctly during initial loading

[naschidaniel]

Environment

---

• Operating System: Linux
• Node Version: v16.14.0
• Nuxt Version: 3.0.0-rc.6
• Package Manager: npm@8.3.1
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

Behavior NOT OK - Nuxt Project: https://stackblitz.com/edit/nuxt-starter-qjn3ru?file=pages%2Ftest.vue

Behavior OK Vue Project: https://stackblitz.com/edit/node-25r64j?file=src%2Fviews%2FTestView.vue

Describe the bug

When changing from the route index to the route test, the input field <input ref="input" /> is not captured correctly. However, if the web page is reloaded, then the values of the field <input ref="input" /> can be accessed.

I have also tested whether this is a Vue error. But I could not observe the error there.

The two examples were created on the basis of the VUE accessing-the-refs documentation.

Additional context

No response

Logs

No response

[danielroe]

Let's track in #13471. It is an upstream bug in Vue core.