VueでDOM要素を取得する方法

Vue の dom 要素を取得する方法: 1. 対応する dom 要素に id を追加し、「document.getElementById("id")」ステートメントを使用して要素を取得します。 2. 要素を取得するには、「ref=」を追加します。対応する dom 要素 "name"" の場合、"this.$refs.name" を使用して要素を取得します。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vue は DOM 要素を取得して操作します

方法 1:

対応する要素を直接与えるid を追加し、document.getElementById("id") を取得して、対応する属性またはスタイルを設定します

方法 2:

ref を使用し、ref="name" を対応する要素 、次に this.$refs.name要素を取得します

注: 対応する要素を取得する前に、マウント フックにマウントする必要があります。そうしないと、取得された値は空になります。

サブコンポーネントに ID を追加し、カスタム属性を変更すると、対応するサブ-component は直接ロードされます。外側の層 p では、サブコンポーネントの元のカスタム属性の値は変更されません。

サブコンポーネントに ref を追加し、DOM 要素を取得した後に対応するカスタム属性の値を変更すると、vue は次のようになります。エラーを報告する：

##関連する推奨事項: 「

vue.js チュートリアル」 「＃＃＃

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