fix: 解决 H5 端 image 组件 src 为空时产生错误的资源请求

woreleiwuhen · Jun 3, 2019 · 2294e8a · 2294e8a
1 parent b55bc68
commit 2294e8a
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/core/view/components/image/index.vue b/src/core/view/components/image/index.vue
@@ -1,12 +1,12 @@
 <template>
   <uni-image v-on="$listeners">
-    <div
-      ref="content"
+    <div
+      ref="content"
       :style="modeStyle" />
     <img :src="realImagePath">
-    <v-uni-resize-sensor
-      v-if="mode === 'widthFix'"
-      ref="sensor"
+    <v-uni-resize-sensor
+      v-if="mode === 'widthFix'"
+      ref="sensor"
       @resize="_resize" />
   </uni-image>
 </template>
@@ -41,7 +41,7 @@ export default {
       return this.originalWidth && this.originalHeight ? this.originalWidth / this.originalHeight : 0
     },
     realImagePath () {
-      return this.$getRealPath(this.src)
+      return this.src && this.$getRealPath(this.src)
     },
     modeStyle () {
       let size = 'auto'
@@ -128,7 +128,7 @@ export default {
       }
     },
     _loadImage () {
-      this.$refs.content.style.backgroundImage = `url(${this.realImagePath})`
+      this.$refs.content.style.backgroundImage = this.src ? `url(${this.realImagePath})` : 'none'
 
       const _self = this
       const img = new Image()
@@ -197,4 +197,4 @@ export default {
 	uni-image>.uni-image-will-change {
 		will-change: transform;
 	}
-</style>
+</style>