van swipe初始高度異常留白BUG處理

2021-10-19 22:21:17 字數 880 閱讀 3203

v-lazy 會導致van-swipe初始高度異常

van-swipe初始高度異常bug處理 方案一:不使用懶載入模式 具體應用如下:

因為初始第一下  沒載入完成 所以給新增@load 在@load時獲取高度

動態獲取高度

data() 

},methods: ,

},

解析

this.$nexttick(() => )
這是vue的特性,自動把v-for裡面的ref展開成陣列的形式.

假設你的ref不是動態的,而是靜態的 , ref="a",

那麼不管你執行多少次迴圈,最後ref只會有乙個值,

所以vue為了處理這種情況會把v-for裡ref

轉為陣列形式,為了能捕捉所有的ref值

因為this.$refs.name是乙個陣列,無法通過 .style 獲採樣式

只能遍歷這個this.$refs.name陣列 在this.$refs.name[index]上設定樣式 

但是像高度寬度,可以通過offsetheight,等來獲取。

vue使用this.$refs.xx在mounted中獲取dom元素為undefined

vue 中 this.$refs.name.offsetheight 獲取不到值(高階版)

01 初始異常處理

目錄 異常機制本質 python 中一切都是物件,異常也採用物件的方式來處理。異常解決的關鍵 定位 異常機制處理的是可能會遇到的情況,邏輯處理的是肯定會遇到的情況 異常指程式執行過程 現的非正常現象,例如使用者輸入錯誤 除數為零 需 要處理的檔案不存在 陣列下標越界等。所謂異常處理,就是指程式在出現...

ie下element部分表單元素高度異常的問題

情景 vue2.x element的pc端網頁後台管理系統,上游系統是公司的oa,很多是ie使用者,頁面由oa的鏈結跳轉過來,所以需要相容ie。頁面中有大量的表單,布局方式為一行兩列,由於部分表單元素高度會多出來一點兒,會出現布局問題 其他瀏覽器不會,ie的高版本會 仔細檢查樣式發現,el sele...

ARM初始化及異常向量表

今天玩zynq的freertos時,扒啟動時又忘記arm是怎麼啟動的了,應該是這樣 arm啟動時首先找.vectors區間,而該區間就包含了 vector table 異常向量表 arm的異常向量表構造如下 異常型別 復 位 未定義指令 軟中斷 預取指令終 資料終止 保留 中斷請求 irq 快速中斷...