Vuetify- image Load failed - vue.js

Question

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 <v-img> but the error occurs saying-
[Vuetify] Image load failed
src: userImage
found in
---> <VImg>
<Anonymous>
<VContent>
<VApp>
<App> at src/App.vue
<Root>
EDIT- this is my Profile.js file
<template>
<v-container >
<div class="headline">Your Profile</div>
<br><br>
<div class="title">Username-</div>
<v-text-field
v-model="user.username"
placeholder="Username"
required
></v-text-field>
<div class="title">Password-</div>
<v-text-field
v-model="user.password"
placeholder="Password"
required
></v-text-field>
<div class="title">Avatar-</div>
<v-img
v-bind:src="userImage"
aspect-ratio="1"
class="grey lighten-2"
max-width="150"
max-height="150"
></v-img>
<div class="title">Email-</div>
<v-text-field
v-model="user.email"
placeholder="Email"
required
></v-text-field>
</v-container>
</template>

Answer 1

Make sure to bind src attribute : <v-image v-bind:src="userImage" />
As you can see here and here, the message is generated as a result of onerror event raised by browser itself so this means something is wrong with the image URL (image with this URL is not on server). Check the URL rendered, try to copy it and open in browser...