Heim > Web-Frontend > uni-app > So erhalten Sie einen Dom-Knoten in Uniapp

So erhalten Sie einen Dom-Knoten in Uniapp

藏色散人
Freigeben: 2023-01-13 00:44:14
Original
8670 Leute haben es durchsucht

Methoden für Uniapp zum Abrufen von Dom-Knoten: 1. Rufen Sie den ersten Knoten ab, der mit dem Selektor übereinstimmt, mit der Methode „let dom=query.select(selector)“. 2. Rufen Sie alle Knoten mit der Methode „letdoms=query.selectAll(selector) ab )“-Methodenknoten.

So erhalten Sie einen Dom-Knoten in Uniapp

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Thinkpad T480-Computer.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Uni-App Get DOM Nodes

[Referenz offizielle Website: https://uniapp.dcloud.io/api/ui/nodes-info?id = selectorqueryexec】

1. So erhalten Sie die SelectorQuery-Objektinstanz:

let query=uni.createSelectorQuery();
Nach dem Login kopieren

Funktion: Gibt eine Instanz des SelectorQuery-Objekts zurück, die zum Abfragen der Informationen des DOM-Knotens verwendet wird.

Hinweise:

(1) Diese Methode muss aufgerufen werden, nachdem der Lebenszyklus bereitgestellt wurde.

(2) Die NVUE-Technologie unterstützt diese Methode nicht.

2. So erhalten Sie den DOM-Knoten:

1. Holen Sie sich den ersten Knoten, der dem Selektor entspricht:

let dom=query.select(selector)
Nach dem Login kopieren

Beide beiden oben genannten Methoden geben NodesRef-Objektinstanzen zurück , welche Instanzen verwendet werden, um Informationen über DOM-Knoten zu erhalten.

3. So erhalten Sie die Informationen zu DOM-Knoten: (Nehmen Sie Doms)

1. Rufen Sie die Informationen zur Bildlaufposition von DOM-Knoten ab:

letdoms=query.selectAll(selector)
Nach dem Login kopieren

3. Holen Sie sich die DOM-Knoten. Alle Informationen:

doms.boundingClienRect(function(res){
//res:{left,top,right,bottom,width,height}
}).exec(function(){
//上述布局位置信息获取成功后执行的回调函数
})
Nach dem Login kopieren

IV. Codebeispiele 1. Es gibt mehrere Knoten mit dem Namen leftItem in