vue.js - Vue を使用して a href 要素を自動的にクリックするにはどうすればよいですか?

vue.js を使用してイベント後にリンクが自動的にクリックされるようにしたいです 関連する ref を使用すると、次のエラーが発生します。

<a ref="goTo" href="#">Go To...</a>

 **Vue code**
this.$refs.goTo.click();

未定義のプロパティ「クリック」を読み取れません

1

質問を隠さないでください。それもそのはず、なぜ this.$refs[prop] が未定義なのでしょうか?提供されたコード サンプルでは、​​これに答えるには不十分です。

2020 年 9 月 3 日 9:28

this.$refs.goTo.click() はマウントされたフック スコープ内にありますか?そうでない場合は、マウントされたフック関数に配置することをお勧めします。 コードを実行すると、この dom 要素は実際にはツリーに表示されないため、this.$refs.goTo からは unknown が返されます。また、場合によってはインスタンスの配列になるため、関数を実行する前に ref を確認することをお勧めします。