怎么用unicreateSelectorQuery获取到小程序的dom节点
使用uni.createSelectorQuery()方法可以获取到小程序的DOM节点,具体步骤如下:
- 在页面的onReady生命周期函数中调用uni.createSelectorQuery()方法,创建一个查询对象。
onReady() {
let query = uni.createSelectorQuery()
}
- 调用query.select()方法选择需要获取的DOM节点,可以通过选择器、ID、class等方式进行选择。
onReady() {
let query = uni.createSelectorQuery()
query.select('#myDiv').boundingClientRect((res) => {
console.log(res.width)
}).exec()
}
- 调用boundingClientRect()方法获取DOM节点的位置、大小等信息,并在回调函数中处理获取到的数据。
onReady() {
let query = uni.createSelectorQuery()
query.select('#myDiv').boundingClientRect((res) => {
console.log(res.width)
}).exec()
}
- 调用exec()方法执行查询操作。
onReady() {
let query = uni.createSelectorQuery()
query.select('#myDiv').boundingClientRect((res) => {
console.log(res.width)
}).exec()
}
原文地址: https://www.cveoy.top/t/topic/K0Z 著作权归作者所有。请勿转载和采集!