So erhalten Sie DOM-Elemente und legen Attribute mit Vue fest

Ich habe mir hier zwei Methoden überlegt:

Methode 1:

id direkt zum entsprechenden Element hinzufügen, dann

document.getElementById("id");

holen und dann festlegen entsprechendes Attribut oder Stil

Methode 2:

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

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

Wenn Sie einer Unterkomponente eine ID hinzufügen und das benutzerdefinierte Attribut ändern, wird das Änderungen werden direkt auf das äußere p geladen, das der Unterkomponente entspricht. Der Wert des ursprünglichen benutzerdefinierten Attributs der Unterkomponente wird nicht geändert.

Wenn Sie der Unterkomponente ref hinzufügen, wird dies nicht der Fall sein Holen Sie sich das DOM-Element und ändern Sie dann den entsprechenden benutzerdefinierten Attributwert. 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"

Das obige ist der detaillierte Inhalt vonSo erhalten Sie DOM-Elemente und legen Attribute mit Vue fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!