記一個效能優化問題

muuma發表於2019-04-01

專案背景:

iView-admin 做一個元件列表,點選元件彈出元件配置並且可以編輯。

問題描述:

加了圖片庫之後,從點選元件到彈出元件配置項用時比沒加之前明顯感覺長了很多。路由切換也變慢了。

用 vue-devtool 檢視之後發現每次操作 Events 都增加十幾個到幾十個,事件很快增到千級。

我把圖片庫寫成一個修改圖片元件,其他元件的配置項裡也會引用這個元件,有的元件修改的圖片有十個,那麼相應的事件也會多十倍。所以元件裡要修改的圖片越多,點選它之後等待事件越長。

問題解決:

v-if 判斷,滿足條件再渲染,這樣多餘的事件不會每次都跟著觸發。

相關文章