1.页面中使用
uni.createSelectorQuery().select(`#${id}`).boundingClientRect(res => {
console.log('=====res====', res)
}).exec()2.组件中使用增加 in(this) 或使用 this.createSel.....
uni.createSelectorQuery().in(this).select(`#${id}`).boundingClientRect(res => {
console.log('=====res====', res)
}).exec()this.createSelectorQuery().select(`#${id}`).boundingClientRect(res => {
console.log('=====res====', res)
}).exec()3.其他写法
uni.createSelectorQuery().select(`#${id}`).boundingClientRect().exec(res => {
console.log('======res======', res[0])
})4.boundingClientRect返回值为null
1.确保页面已经渲染完成再计算高度，即已存在该id标识的元素，常见解决办法是 增加定时器延迟100ms，或在onLoad中去调用。文章来源：https://www.toymoban.com/news/detail-505903.html
2.对view动态设置id时，确保id首位是字母，千万不能是数字，否则wx小程序无法识别。文章来源地址https://www.toymoban.com/news/detail-505903.html
到了这里，关于uniapp之boundingClientRect注意事项的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
