ホームページ > ウェブフロントエンド > jsチュートリアル > vue1とvue2を元にdom要素を取得する方法

vue1とvue2を元にdom要素を取得する方法

亚连
リリース: 2018-05-29 16:32:46
オリジナル
1840 人が閲覧しました

ここで、vue1 と vue2 に基づいて DOM 要素を取得する方法を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

vue1.* バージョン

タグに el='dom' を追加し、コードに this.$els.dom を追加してページ要素を取得します

例: < p class='box' v-el: myBox>Hello

Hello の色を赤に表示します: this.$els.my-box.style.color = 'red'

vue2 内.* バージョン、

タグに ref='dom' を追加し、コードに this.$refs.dom を追加してページ要素を取得します

例:

Hello

Hello の色を赤で表示します: this.$refs.myBox.style.color = 'red

上記は、私が皆さんのためにまとめたものです。今後皆さんのお役に立てば幸いです。

関連記事:

Element-uiにおけるVUEのElTableColumn拡張機能の詳細説明

Vueカスタム動的コンポーネントインスタンスの詳細説明

JavaScriptのパフォーマンス最適化のためのタイムシェアリング関数の紹介

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート