uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)
遇到的問題:直接在組件的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í)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js focus不起作用的解決方法(主要是因?yàn)閐om元素是否加載完成)
js focus不起作用的解決方法(主要是因?yàn)閐om元素是否加載完成)2010-11-11codemirror6實(shí)現(xiàn)自定義代碼提示效果實(shí)例
這篇文章主要給大家介紹了關(guān)于codemirror6實(shí)現(xiàn)自定義代碼提示效果的相關(guān)資料,CodeMirror是一個(gè)網(wǎng)絡(luò)代碼編輯器組件,它可以在網(wǎng)站中用于實(shí)現(xiàn)支持多種編輯功能的文本輸入字段,并具有豐富的編程接口以允許進(jìn)一步擴(kuò)展,需要的朋友可以參考下2023-08-08javascript使用正則表達(dá)式實(shí)現(xiàn)去掉空格之后的字符
這篇文章主要介紹了javascript使用正則表達(dá)式實(shí)現(xiàn)去掉空格之后的字符的方法,需要的朋友可以參考下2015-02-02javascript addBookmark 加入收藏 多瀏覽器兼容
不錯(cuò)的加入收藏代碼,加入了對(duì)一些常見瀏覽器的判斷,更好的體現(xiàn)用戶體驗(yàn),兼容了ie,firefox.2009-08-08使用原生js+canvas實(shí)現(xiàn)模擬心電圖的實(shí)例
下面小編就為大家?guī)?lái)一篇使用原生js+canvas實(shí)現(xiàn)模擬心電圖的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-09-09用JavaScript實(shí)現(xiàn)PHP的urlencode與urldecode函數(shù)
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)PHP的urlencode與urldecode函數(shù),很多情況下我們用了出來(lái)php urlencode出來(lái)的網(wǎng)址,需要的朋友可以參考下2015-08-08JavaScript下申明對(duì)象的幾種方法小結(jié)
在JavaScript中可以用下面的幾種方法申明對(duì)象:(從"Truly"的文章中學(xué)到)2008-10-10