uni.createSelectorQuery()使用方法
时间: 2024-05-09 16:18:52 浏览: 89
js querySelector() 使用方法
5星 · 资源好评率100%
uni.createSelectorQuery()是用来获取页面上的节点信息的API,可以用来获取节点的位置、尺寸、样式等信息。具体使用方法如下:
1. 在页面的onLoad生命周期函数中,创建一个selectorQuery对象:
```
let query = uni.createSelectorQuery()
```
2. 使用selectorQuery对象的方法来选择需要获取信息的节点,例如:
```
query.select('#my-node').boundingClientRect()
```
其中,#my-node是需要获取信息的节点的id,boundingClientRect()是获取节点的位置、尺寸等信息的方法。
3. 使用exec()方法来执行获取信息的操作,并在回调函数中处理获取到的信息:
```
query.exec(function(res) {
console.log(res[0].width) // 获取节点的宽度
})
```
其中,res是一个数组,每个元素对应一个之前选择的节点,数组中的每个元素都包含了该节点的位置、尺寸、样式等信息。
完整示例代码如下:
```
export default {
onLoad() {
let query = uni.createSelectorQuery()
query.select('#my-node').boundingClientRect()
query.exec(function(res) {
console.log(res[0].width) // 获取节点的宽度
})
}
}
```
阅读全文