Merge pull request Nativescript-Vue-Web#142 from Nativescript-Vue-Web/bugfix/myilmaz-img-src-convert-to-computed

yerol · web-flow · commit f302fa0e6d2e · 2019-02-14T10:21:06.000Z
src converted to computed value from data
diff --git a/src/components/Img.vue b/src/components/Img.vue
@@ -1,5 +1,5 @@
 <template>
-    <img @error="$emit('onLoadError', $event)" v-common-directive :src="imageSrc" :class="stretchClass" :width="width" :height="height" />
+  <img @error="$emit('onLoadError', $event)" v-common-directive :src="imageSrc" :class="stretchClass" :width="width" :height="height" />
 </template>
 
 <script>
@@ -18,12 +18,10 @@ export default {
     width: [String, Number],
     height: [String, Number],
   },
-  data() {
-    return {
-      imageSrc: `${this.src.replace('~', '')}`,
-    };
-  },
   computed: {
+    imageSrc: function() {
+      return this.src.replace('~', '');
+    },
     stretchClass: function() {
       return `nvw-img ${this.stretch !== 'none' ? 'nvw-img--' + camelCaseToDash(this.stretch) : ''}`.trim();
     },
