So erhalten Sie Dom-Elemente in Vue-View.js-php.cn

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 Sieiddirekt zum entsprechenden Element hinzu und danndocument.getElementById("id")Holen Sie sich die entsprechenden Attribute oder Stile und legen Sie sie dann fest. > 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!