uni-app 组件里面获取元素宽高的实现
更新时间:2019年12月27日 15:57:15 作者:MangoGoing
这篇文章主要介绍了uni-app 组件里面获取元素宽高的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
遇到的问题:直接在组件的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(); }) } }) },
两种写法一模一样...
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
这篇文章主要介绍了使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩。下面通过本文给大家分享解决方案,需要的朋友参考下吧2017-02-02JavaScript中定时器setTimeout()和setInterval()的用法
本文详细讲解了JavaScript中定时器setTimeout()和setInterval()的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-06-06
最新评论