fix(components): h5 image在unmount时取消IntersectionObserver监听 (#4975)

NervJS · Dec 2, 2019 · a42bc6e · a42bc6e
1 parent 70ddfd8
commit a42bc6e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/taro-components/src/components/image/index.js b/packages/taro-components/src/components/image/index.js
@@ -13,11 +13,12 @@ class Image extends Nerv.Component {
       aspectFillMode: 'width'
     }
     this.imageOnLoad = this.imageOnLoad.bind(this)
+    this.observer = {}
   }
 
   componentDidMount () {
     if (this.props.lazyLoad) {
-      const lazyImg = new IntersectionObserver((entries, observer) => {
+      this.observer = new IntersectionObserver((entries, observer) => {
         // 异步 api 关系
         if (entries[entries.length - 1].isIntersecting) {
           this.setState({ isLoaded: true }, () => {
@@ -28,11 +29,12 @@ class Image extends Nerv.Component {
       }, {
         rootMargin: '300px 0px'
       })
-      lazyImg.observe(this.imgRef)
+      this.observer.observe(this.imgRef)
     }
   }
 
   componentWillUnMount () {
+    this.observer.disconnect && this.observer.disconnect()
   }
 
   imageOnLoad (e) {