Don't create refs link without modifier

[Drive4ik]

Version

2.5.16

Reproduction link

https://jsfiddle.net/vrLubr46/5/

Steps to reproduce

TypeError: "$refs.test is undefined"

If you add modifier (.prevent .stop etc.) to @click error will gone

What is expected?

Need work without any modifiers

What is actually happening?

javascript error occurs

[sirlancelot]

The issue is that during the initial render, $refs isn't populated. Overall though, I'd say that code is probably not good. $refs shouldn't be used inside templates, it's an escape hatch to be used in code.

You can avoid the bug by adding a method to your component which then calls the linked component like so: https://jsfiddle.net/vrLubr46/13/

[posva]

Use a method or an inline function instead: @click="() => $refs.test.open"
Closing as there is already #3842