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

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"

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!