fix(dynamic scroller): invalidate heights instead of clear, closes #130

Author: Guillaume Chau

src/components/DynamicScroller.vue

@@ -62,6 +62,7 @@ export default {
       vscrollData: {
         active: true,
         heights: {},
+        validHeights: {},
         keyField: this.keyField,
         simpleArray: false,
       },
@@ -154,7 +155,9 @@ export default {
     },
 
     forceUpdate (clear = true) {
-      if (clear || this.simpleArray) this.vscrollData.heights = {}
+      if (clear || this.simpleArray) {
+        this.vscrollData.validHeights = {}
+      }
       this.$emit('vscroll:update', { force: true })
     },
 

src/components/DynamicScrollerItem.vue

@@ -49,7 +49,7 @@ export default {
     },
 
     height () {
-      return this.vscrollData.heights[this.id] || 0
+      return (this.vscrollData.validHeights[this.id] && this.vscrollData.heights[this.id]) || 0
     },
   },
 
@@ -151,6 +151,7 @@ export default {
               this.vscrollBus.$_undefinedMap[id] = undefined
             }
             this.$set(this.vscrollData.heights, this.id, height)
+            this.$set(this.vscrollData.validHeights, this.id, true)
             if (this.emitResize) this.$emit('resize', this.id)
           }
         }