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!