Heim  >  Artikel  >  Web-Frontend  >  Methode zum Erhalten von Dom-Elementen basierend auf vue1 und vue2

Methode zum Erhalten von Dom-Elementen basierend auf vue1 und vue2

亚连
亚连Original
2018-05-29 16:32:461782Durchsuche

Im Folgenden werde ich Ihnen eine Methode zum Erhalten von DOM-Elementen basierend auf vue1 und vue2 vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

vue1.* version

Fügen Sie el='dom' im Tag hinzu und fügen Sie dann this.$els.dom im Code hinzu Auf diese Weise erhalten Sie das Seitenelement

Zum Beispiel:

Hello

Lassen Sie Ihre gute Farbe in Rot erscheinen: this.$els.my-box.style.color = 'red'

vue2.* Version

Fügen Sie ref='dom' im Tag hinzu und fügen Sie dann this.$refs.dom im Code hinzu, um das Seitenelement zu erhalten

Zum Beispiel:

Hello

Machen Sie Hello-Farbe rot: this.$refs.myBox.style color = 'red

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung der VUE ElTableColumn-Erweiterung in element-ui

Detaillierte Erläuterung der benutzerdefinierten dynamischen Komponenteninstanz von Vue

Einführung in Time-Sharing-Funktionen zur Optimierung der Javascript-Leistung

Das obige ist der detaillierte Inhalt vonMethode zum Erhalten von Dom-Elementen basierend auf vue1 und vue2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn