title: Vuetify- image Load failed
body: <p>What I want to do is display the image on the page. I have stored its path in backend(MySQL) and after fetching that I am putting it in src of <code>&lt;v-img&gt;</code> but the error occurs saying-</p>
  
  <pre><code>[Vuetify] Image load failed
  
  src: userImage
  
  found in
  
  ---&gt; &lt;VImg&gt;
         &lt;Anonymous&gt;
           &lt;VContent&gt;
             &lt;VApp&gt;
               &lt;App&gt; at src/App.vue
                 &lt;Root&gt;
  </code></pre>
  
  <p><strong>EDIT- this is my Profile.js file</strong></p>
  
  <pre><code>&lt;template&gt;
  &lt;v-container &gt;
        &lt;div class="headline"&gt;Your Profile&lt;/div&gt;
        &lt;br&gt;&lt;br&gt;
        &lt;div class="title"&gt;Username-&lt;/div&gt;
        &lt;v-text-field
        v-model="user.username"
        placeholder="Username"
        required
      &gt;&lt;/v-text-field&gt;
      &lt;div class="title"&gt;Password-&lt;/div&gt;
      &lt;v-text-field
        v-model="user.password"
        placeholder="Password"
        required
      &gt;&lt;/v-text-field&gt;
      &lt;div class="title"&gt;Avatar-&lt;/div&gt;
      &lt;v-img
        v-bind:src="userImage"
        aspect-ratio="1"
        class="grey lighten-2"
        max-width="150"
        max-height="150"
      &gt;&lt;/v-img&gt;
      &lt;div class="title"&gt;Email-&lt;/div&gt;
      &lt;v-text-field
        v-model="user.email"
        placeholder="Email"
        required
      &gt;&lt;/v-text-field&gt;
  
  &lt;/v-container&gt;
  &lt;/template&gt;
  </code></pre>