Heim > Web-Frontend > js-Tutorial > Hauptteil

Zwei Möglichkeiten für Vue, DOM-Elemente abzurufen und Attribute festzulegen

小云云
Freigeben: 2018-01-27 17:15:23
Original
4940 Leute haben es durchsucht

Dieser Artikel stellt Ihnen hauptsächlich zwei Implementierungsmethoden für Vue vor, um DOM-Elemente abzurufen und Attribute festzulegen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und werfen wir einen Blick darauf. Ich hoffe, es kann allen helfen.

Ich habe hier an 2 Methoden gedacht:

Methode 1:

ID direkt zum entsprechenden Element hinzufügen und dann document.getElementById("id") ; Rufen Sie es ab und legen Sie dann die entsprechenden Attribute oder Stile fest

Methode 2:

Verwenden Sie ref, fügen Sie ref="name" zum entsprechenden Element hinzu und verwenden Sie dann this.$refs.name, um es abzurufen das Element

Hinweis: Bevor Sie das entsprechende Element erhalten, müssen Sie es im Mount-Hook einhängen, andernfalls ist der erhaltene Wert leer

Wenn Sie einer Unterkomponente eine ID hinzufügen und direktes Ändern des benutzerdefinierten Attributs. Es wird das äußere p geladen, das der geänderten Unterkomponente entspricht, und der Wert des ursprünglichen benutzerdefinierten Attributs der Unterkomponente wird nicht geändert.

Wenn Sie der Unterkomponente ref hinzufügen, erhalten Sie das DOM Element und ändern Sie das entsprechende self. Definieren Sie den Wert des Attributs. Vue meldet einen Fehler:

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "title"
Nach dem Login kopieren

Verwandte Empfehlungen:

Verwenden Sie das Namensattribut von HTML für Holen Sie sich das Dom-Element

Mehrere Erweiterungen und Abkürzungen zum Erlangen von DOM-Objekten_Javascript-Fähigkeiten

So erhalten Sie die Position und Größe von DOM-Elementen mithilfe von JavaScript_Grundkenntnisse

Das obige ist der detaillierte Inhalt vonZwei Möglichkeiten für Vue, DOM-Elemente abzurufen und Attribute festzulegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!