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();
})
}
})
},
两种写法一模一样...
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了JavaScript的面向对象，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
本文给大家分享的是使用javascript实现的图片左右轮播的代码，已经封装完毕，使用方法非常简单，参考示例，有需要的小伙伴可以参考下。2015-07-07
在JavaScript开发中,了解和判断变量的数据类型是编写健壮代码的基础,变量的类型可以在运行时改变,这为开发者带来了灵活性的同时也增加了复杂性,本文将深入探讨几种常见的判断变量类型的技巧,并结合实际案例进行分析,需要的朋友可以参考下2024-12-12
这篇文章主要为大家详细介绍了js实现小时钟效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了JS设计模式之状态模式概念与用法,简单讲述了状态模式的概念、功能、应用场景并结合javascript实例形式分析了状态模式的简单定义及使用方法,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了前端打断点debugger使用的相关资料,包括如何设置断点、如何使用调试按钮以及如何查看变量,文中通过图文介绍的非常详细,需要的朋友可以参考下2024-12-12
下面小编就为大家带来一篇基于JavaScript表单脚本(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了Javascript设计模式之观察者模式的多个实现版本实例,本文给出3种实现版本代码,同时给出了Jquery实现版本,需要的朋友可以参考下2015-03-03
模块化就是把一大段代码拆分成一个个小文件（模块）,每个模块独立工作,互相协作,那么JavaScript模板化是如何使文章更清晰呢,本文给大家详细介绍了JavaScript模板化使文章更清晰的全过程,需要的朋友可以参考下2025-04-04
本文主要介绍了javascript中闭包的特性、作用、示例代码以及注意事项。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
最新评论