Vue3 で DOM ノードを取得する方法は何ですか?

1. ネイティブ JS で DOM ノードを取得します:

document.querySelector(选择器) document.getElementById(id选择器) document.getElementsByClassName(class选择器) ....

2. vue2 の現在のコンポーネントのインスタンス オブジェクトを取得します:

各 vue コンポーネント インスタンスには $refs オブジェクトが含まれているため、このには、対応するDOM要素またはコンポーネントの参照が格納されます。したがって、デフォルトでは、コンポーネントの $refs は空のオブジェクトを指します。

まずref="name"をコンポーネントに追加し、次にthis.$refs.nameを通じて対応する要素を取得して操作します。

3. vue3 の現在のコンポーネントのインスタンス オブジェクトを取得します:

このオブジェクトは Vue3 フレームワークでは非アクティブ化されているため、this.$refs を使用してカスタム コンポーネント参照を取得することはできません。 DOM ノード。

しかし、vue3 には現在のコンポーネント インスタンス オブジェクトを返すことができる関数getCurrentInstanceが付属しています。この関数を通じて、オブジェクトを取得してエネルギーを節約し、オブジェクトがインターフェイスに ref を含んでいることを確認できます。 。

以上がVue3 で DOM ノードを取得する方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。