雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

JavaScript

當(dāng)前位置:主頁 > 網(wǎng)絡(luò)編程 > JavaScript >

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

來源:本站原創(chuàng)|時間:2020-01-10|欄目:JavaScript|點擊:

遇到的問題:直接在組件的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(); 
 }) 
   } 
  }) 
},

兩種寫法一模一樣...

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。

上一篇:微信小程序中網(wǎng)絡(luò)請求緩存的解決方法

欄    目:JavaScript

下一篇:Vue使用虛擬dom進(jìn)行渲染view的方法

本文標(biāo)題:uni-app 組件里面獲取元素寬高的實現(xiàn)

本文地址:http://www.jygsgssxh.com/a1/JavaScript/9367.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有