x-img: re-initialize when src is changed (fix #1901)

airyland · Sep 12, 2017 · b7aa4ec · b7aa4ec
1 parent 6eb51b7
commit b7aa4ec
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/x-img/index.vue b/src/components/x-img/index.vue
@@ -16,7 +16,11 @@ export default {
   methods: {
     init () {
       const _this = this
+
       this.blazy && this.blazy.destroy()
+      this.$el.src = this.defaultSrc
+      this.$el.className = this.$el.className.replace('b-loaded', '')
+
       this.blazy = new Blazy({
         scroller: this.scroller,
         container: this.container,
@@ -69,6 +73,11 @@ export default {
       default: 0
     }
   },
+  watch: {
+    src (val) {
+      this.init()
+    }
+  },
   beforeDestroy () {
     this.blazy && this.blazy.destroy()
     this.blazy = null

diff --git a/src/components/x-img/metas.yml b/src/components/x-img/metas.yml
@@ -30,6 +30,11 @@ props:
     en: delay execute lazyload function because sometimes transition between routes will cause problems
     zh-CN: 延迟执行，在存在路由过渡时立即执行可能会导致进入页面后并不会正确加载图片。该属性在 2.5.4 后已经不推荐使用，推荐使用 BusPlugin 来通知组件页面已经载入完成。
 changes:
+  next:
+    en:
+      - '[fix] re-initialize when src is changed #1901'
+    zh-CN:
+      - '[fix] 当 src 变化时重新初始化 #1901'
   v2.5.4:
     en:
       - '[feature] re-init after router-view transition is finished'