天天看點

uniapp scroll-view 動态賦予高度,高度自适應。

uniapp scroll-view 動态賦予高度

心聲:搞死個人了。uniapp scroll-view 動态賦予高度

解決方法:

uniapp scroll-view 動态賦予高度,高度自适應。

 将你需要計算元素高度的元素,給與heightTest類,進行節點查詢。

uniapp scroll-view 動态賦予高度,高度自适應。

 使用fields方法,擷取到各個元素的高度值。data[0].height是最外層,即總高度,再減去其他占位元素的高度以及邊距,就能得出你需要的滾動元素高度值。

我這是把scroll-view封裝在一個元件裡,是以計算高度時,先要隐藏該元件:v-if = 'false'。 算出高度後再讓它顯示。

本方法在onReady(){}中調用。 

uniapp scroll-view 動态賦予高度,高度自适應。

 注意:調用時使定時器延遲調用。不然data[0]可能會得出錯誤的值。不清楚是不是由于field方法執行,cpu耗時過長,90ms左右導緻。