使用uni.createSelectorQuery()方法可以获取到小程序的DOM节点,具体步骤如下:

  1. 在页面的onReady生命周期函数中调用uni.createSelectorQuery()方法,创建一个查询对象。
onReady() {
  let query = uni.createSelectorQuery()
}
  1. 调用query.select()方法选择需要获取的DOM节点,可以通过选择器、ID、class等方式进行选择。
onReady() {
  let query = uni.createSelectorQuery()
  query.select('#myDiv').boundingClientRect((res) => {
    console.log(res.width)
  }).exec()
}
  1. 调用boundingClientRect()方法获取DOM节点的位置、大小等信息,并在回调函数中处理获取到的数据。
onReady() {
  let query = uni.createSelectorQuery()
  query.select('#myDiv').boundingClientRect((res) => {
    console.log(res.width)
  }).exec()
}
  1. 调用exec()方法执行查询操作。
onReady() {
  let query = uni.createSelectorQuery()
  query.select('#myDiv').boundingClientRect((res) => {
    console.log(res.width)
  }).exec()
}
怎么用unicreateSelectorQuery获取到小程序的dom节点

原文地址: https://www.cveoy.top/t/topic/K0Z 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录