uniapp 获取多个元素
时间: 2023-09-03 09:09:27 浏览: 176
uni-app 组件里面获取元素宽高的实现
如果要在uniapp中获取多个元素,可以使用 `uni.createSelectorQuery()` 方法,该方法可以获取页面中的元素节点,具体操作步骤如下:
1. 在vue文件中引入 `uni.createSelectorQuery()`
```javascript
import uni from 'uni-app';
```
2. 在mounted钩子函数中获取元素
```javascript
mounted() {
this.getElements();
},
methods:{
getElements(){
uni.createSelectorQuery().selectAll('.class-name').fields({
size: true,
dataset: true,
rect: true,
scrollOffset: true,
properties: ['scrollX', 'scrollY']
},function (res) {
console.log(res);
// 对获取到的元素进行操作
}).exec();
}
}
```
在上述代码中,`uni.createSelectorQuery().selectAll('.class-name')` 会获取页面中所有class为 `.class-name` 的元素节点,`fields()` 方法则可以获取节点的一些属性,例如节点大小、位置、滚动位置等。获取到元素后,可以进行一些操作。
阅读全文