Vue js: トラブルシューティング - 未定義の '$refs' プロパティの読み取り

Question

受信エラー 未定義のプロパティを読み取れません ('$refs' を読み取っています) テンプレートに参照があるにもかかわらず。これは、Vue マウント フックを使用する必要があるという意味ですか?

リーリー

Answer 1

Vue コンポーネント内 的根内部，在 Vue 2 和 Vue 3 中，this 是 未定义：

ここをご覧ください。 。 p>

---

Vue

テンプレート リファレンス コンポーネントのインストール後、アンインストールされる前に発生するフックまたはメソッド内でのみアクセスできます。

これは、参照できる

this.$refs が installed にあるということを意味します。 最新の は beforeUnmount にあります。また、これら 2 つの瞬間の間に発生するフックまたはメソッドからもアクセスできます。 HTMLInputElement にイベント リスナーを追加しようとしていることを考慮すると、マウント時に自動的にイベント リスナーを追加し、アンマウント削除時にイベント リスナーを削除する v-on ディレクティブを使用することをお勧めします。

---

あなたの場合:

リーリー ところで、通常の関数の

this

は、アロー関数でない限り、コンポーネント コンテキストにアクセスできないことを知っておく必要があります。 リーリー

そして、どのメソッドでも (たとえば、上記の

---

myFn

)、this はコンポーネント コンテキストであり、すべてのコンポーネント メンバーにアクセスできます。