快捷導(dǎo)航

uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)

更新時(shí)間：2019年12月27日 15:57:15 作者：MangoGoing

這篇文章主要介紹了uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

遇到的問題：直接在組件的mounted里面創(chuàng)建選擇器，獲取元素的寬高，即使扔到定時(shí)器里面執(zhí)行，還是偶爾會(huì)有獲取不到的情況

解決辦法：

// 寫法一：
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(); 
 }) 
   } 
  }) 
},

兩種寫法一模一樣...

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

uni-app中實(shí)現(xiàn)元素拖動(dòng)效果

相關(guān)文章

這篇文章主要為大家詳細(xì)介紹了JavaScript的面向?qū)ο螅闹惺纠a介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03

js實(shí)現(xiàn)圖片點(diǎn)擊左右輪播

本文給大家分享的是使用javascript實(shí)現(xiàn)的圖片左右輪播的代碼，已經(jīng)封裝完畢，使用方法非常簡(jiǎn)單，參考示例，有需要的小伙伴可以參考下。

2015-07-07

JavaScript判斷變量數(shù)據(jù)類型的常見方法小結(jié)

在JavaScript開發(fā)中,了解和判斷變量的數(shù)據(jù)類型是編寫健壯代碼的基礎(chǔ),變量的類型可以在運(yùn)行時(shí)改變,這為開發(fā)者帶來了靈活性的同時(shí)也增加了復(fù)雜性,本文將深入探討幾種常見的判斷變量類型的技巧,并結(jié)合實(shí)際案例進(jìn)行分析,需要的朋友可以參考下

2024-12-12

js實(shí)現(xiàn)小時(shí)鐘效果

這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)小時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

2020-03-03

JS設(shè)計(jì)模式之狀態(tài)模式概念與用法分析

這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法,簡(jiǎn)單講述了狀態(tài)模式的概念、功能、應(yīng)用場(chǎng)景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡(jiǎn)單定義及使用方法,需要的朋友可以參考下

2018-02-02