uni-app 組件里面獲取元素寬高的實現(xiàn)
更新時間：2019年12月27日 15:57:15 作者：MangoGoing
這篇文章主要介紹了uni-app 組件里面獲取元素寬高的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
遇到的問題：直接在組件的mounted里面創(chuàng)建選擇器，獲取元素的寬高，即使扔到定時器里面執(zhí)行，還是偶爾會有獲取不到的情況
解決辦法：
// 寫法一：
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實現(xiàn)的圖片左右輪播的代碼，已經封裝完畢，使用方法非常簡單，參考示例，有需要的小伙伴可以參考下。2015-07-07
在JavaScript開發(fā)中,了解和判斷變量的數據類型是編寫健壯代碼的基礎,變量的類型可以在運行時改變,這為開發(fā)者帶來了靈活性的同時也增加了復雜性,本文將深入探討幾種常見的判斷變量類型的技巧,并結合實際案例進行分析,需要的朋友可以參考下2024-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)小時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了JS設計模式之狀態(tài)模式概念與用法,簡單講述了狀態(tài)模式的概念、功能、應用場景并結合javascript實例形式分析了狀態(tài)模式的簡單定義及使用方法,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了前端打斷點debugger使用的相關資料,包括如何設置斷點、如何使用調試按鈕以及如何查看變量,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2024-12-12
下面小編就為大家?guī)硪黄贘avaScript表單腳本(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Javascript設計模式之觀察者模式的多個實現(xiàn)版本實例
這篇文章主要介紹了Javascript設計模式之觀察者模式的多個實現(xiàn)版本實例,本文給出3種實現(xiàn)版本代碼,同時給出了Jquery實現(xiàn)版本,需要的朋友可以參考下2015-03-03
模塊化就是把一大段代碼拆分成一個個小文件（模塊）,每個模塊獨立工作,互相協(xié)作,那么JavaScript模板化是如何使文章更清晰呢,本文給大家詳細介紹了JavaScript模板化使文章更清晰的全過程,需要的朋友可以參考下2025-04-04
本文主要介紹了javascript中閉包的特性、作用、示例代碼以及注意事項。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01