Merge pull request #261 from slevp/master

fix 'dataset' in IE10,9
hilongjw · Jun 3, 2018 · 7d3139e · 7d3139e
2 parents 8bae1db + 68f2f28
commit 7d3139e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-lazyload",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Vue module for lazy-loading images in your vue.js applications.",
   "main": "vue-lazyload.js",
   "unpkg": "vue-lazyload.js",

diff --git a/src/lazy-container.js b/src/lazy-container.js
@@ -55,9 +55,9 @@ class LazyContainer {
     imgs.forEach(el => {
       this.lazy.add(el, assign({}, this.binding, {
         value: {
-          src: el.dataset.src,
-          error: el.dataset.error,
-          loading: el.dataset.loading
+          src: 'dataset' in el ? el.dataset.src : el.getAttribute('data-src'),
+          error: 'dataset' in el ? el.dataset.error : el.getAttribute('data-error'),
+          loading: 'dataset' in el ? el.dataset.loading : el.getAttribute('data-loading')
         }
       }), this.vnode)
     })

diff --git a/src/listener.js b/src/listener.js
@@ -48,7 +48,12 @@ export default class ReactiveListener {
    * @return
    */
   initState () {
-    this.el.dataset.src = this.src
+    if ('dataset' in this.el) {
+      this.el.dataset.src = this.src
+    } else {
+      this.el.setAttribute('data-src', this.src)
+    }
+
     this.state = {
       error: false,
       loaded: false,

diff --git a/vue-lazyload.js b/vue-lazyload.js