Heim  >  Artikel  >  Web-Frontend  >  So erhalten Sie Dom-Elemente in Vue

So erhalten Sie Dom-Elemente in Vue

青灯夜游
青灯夜游Original
2021-10-27 13:51:5441984Durchsuche

Vues Methode zum Abrufen von Dom-Elementen: 1. Fügen Sie dem entsprechenden Dom-Element eine ID hinzu und verwenden Sie die Anweisung „document.getElementById(„id“)“, um das Element abzurufen. 2. Fügen Sie „ref="name"“ zum entsprechenden Element hinzu dom-Element, verwenden Sie „this.$refs.name“, um das Element abzurufen.

So erhalten Sie Dom-Elemente in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

vue ruft und manipuliert DOM-Elemente

Methode 1:

Fügen Sie id direkt zum entsprechenden Element hinzu und dann document.getElementById("id")Holen Sie sich die entsprechenden Attribute oder Stile und legen Sie sie dann fest. > <code>id,然后再document.getElementById("id")获取,然后设置相应属性或样式

方法二:

使用ref,给相应的元素加ref="name", 然后再this.$refs.name

Methode 2:

Verwenden Sie ref und fügen Sie ref= zum entsprechenden hinzu element „name“ und dann this.$refs.name, um das Element zu erhalten

Hinweis: Bevor das entsprechende Element abgerufen wird, muss dies erfolgen im Mount-Hook Mount, andernfalls ist der erhaltene Wert leer.

  Wenn Sie einer Unterkomponente eine ID hinzufügen und das benutzerdefinierte Attribut ändern, wird das äußere p, das der geänderten Unterkomponente entspricht, direkt geladen, und das ursprüngliche Selbst der Unterkomponente wird geladen nicht geändert werden.

  Wenn Sie einer Unterkomponente ref hinzufügen und dann den Wert des entsprechenden benutzerdefinierten Attributs ändern, nachdem Sie das DOM-Element erhalten haben, meldet Vue einen Fehler:

🎜🎜🎜🎜🎜 🎜Verwandte Empfehlungen: „ 🎜vue.js Tutorial🎜》🎜

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Dom-Elemente in Vue. 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