專案背景:
用 iView-admin
做一個元件列表,點選元件彈出元件配置並且可以編輯。
問題描述:
加了圖片庫之後,從點選元件到彈出元件配置項用時比沒加之前明顯感覺長了很多。路由切換也變慢了。
用 vue-devtool 檢視之後發現每次操作 Events
都增加十幾個到幾十個,事件很快增到千級。
我把圖片庫寫成一個修改圖片元件,其他元件的配置項裡也會引用這個元件,有的元件修改的圖片有十個,那麼相應的事件也會多十倍。所以元件裡要修改的圖片越多,點選它之後等待事件越長。
問題解決:
加 v-if
判斷,滿足條件再渲染,這樣多餘的事件不會每次都跟著觸發。