So erhalten Sie einen Dom-Knoten in der Uni-App

Uniapps Methode zum Abrufen von DOM-Knoten: 1. Holen Sie sich den ersten Knoten, der mit dem Selektor übereinstimmt, der Code ist [let dom=query.select(selector)]; 2. Holen Sie sich alle Knoten, die mit dem Selektor übereinstimmen, der Code ist [letdoms= query .selectAll (selec.).

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Empfohlen (kostenlos ) Selektor:

let dom=query.select(selector)

2. Rufen Sie alle Knoten ab, die mit dem Selektor übereinstimmen:

letdoms=query.selectAll（selector）

Beide oben genannten Methoden geben NodesRef-Objektinstanzen zurück, die zum Abrufen der Informationen von DOM-Knoten verwendet werden 2. So erhalten Sie die Informationen von DOM-Knoten:

(Doms als Parameter verwenden. Beispiel)

1. Holen Sie sich die Informationen zur Bildlaufposition des DOM-Knotens:

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

3 Informationen zum DOM-Knoten:

doms.scrollOffset(function(){
//res:{scrollLeft,scrollTop}
}).exec(function(){
//上述滚动位置信息获取成功后执行的回调函数
})

3. Codebeispiele

1. Beispiel 1: Es gibt mehrere Knoten mit dem Klassennamen leftItem in <template> So erhalten Sie den Abstand von Diese Knoten von oben und weisen Sie diese Abstände einem Knoten zu, der im Datenbereich definiert wurde? Ein Array mit dem Namen leftItemTop

doms.fields({
rect:true,   //是否返回节点布局位置信息{left,top,right,bottom}
size:true,  //是否返回节点尺寸信息{width，height}
scrollOffset:true //是否返回节点滚动信息{scrollLeft,scrollTop}
},function(res){
//res 可以返回第一个参数对象中指定为true的相关信息
}).exec(function(){
//上述节点信息获取成功后执行的回调函数
})

2: Es gibt mehrere Knoten mit dem Namen rightItem in <template:> . Wie kann ich die Höhe dieser Knoten ermitteln und diese Höhen zuweisen? Geben Sie ein Array mit dem Namen rightItem an, das im Datenbereich definiert wurde

Das obige ist der detaillierte Inhalt vonSo erhalten Sie einen Dom-Knoten in der Uni-App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!