JavaScript

超轻量级php框架startmvc

uni-app 组件里面获取元素宽高的实现

更新时间:2020-09-28 11:30:02 作者:startmvc
遇到的问题:直接在组件的mounted里面创建选择器,获取元素的宽高,即使扔到定时器里面
遇到的问题:直接在组件的mounted里面创建选择器,获取元素的宽高,即使扔到定时器里面执行,还是偶尔会有获取不到的情况

解决办法:


// 写法一:
getDescBox() { 
 uni.createSelectorQuery().in(this).select('.top .desc').boundingClientRect(result => { 
 if (result) { 
 console.log('==========',result) 
 }else { 
 this.getDescBox(); 
 } 
 }).exec(); 
},

// 写法二:
getDescBox() { 
 uni.createSelectorQuery().in(this).select('.top .desc').boundingClientRect().exec((res)=>{ 
 if (res\[0\]) { 
 this.descHeight \= res\[0\].height; 
 }else { 
 this.$nextTick(()=>{ 
 this.getDescBox(); 
 }) 
 } 
 }) 
},

两种写法一模一样...

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

uni-app 元素宽高 uni-app 获取元素宽高