image not loaded from url on v-img on vuetify

Question

Im facing a problem using v-img from vuetify, this is my code example:



{{showPreviewUrl}} <!-- showPreviewUrl = "/getimage/imageuuid" path is loaded ok -->

<!-- my problem is here, image not loaded -->>
<v-img :src="showPreviewUrl" contain></v-img>  

<!-- image loaded OK -->>
<v-img src="https://picsum.photos/510/300?random" aspect-ratio="1.4" contain></v-img> 

<!-- image loaded OK -->>
<img :src="showPreviewUrl">

the src is an image, it loads on an "img" tag, but not on v-img

For the Vite environment, see my answer [here](https://stackoverflow.com/questions/75655533) — quilkin, Mar 06 '23 at 20:34

jcoleau · Answer 1 · 2020-08-31T21:12:35.780

0

<v-img :src="require(`@${showPreviewUrl}`)" contain></v-img>

edited Aug 31 '20 at 21:12

answered Aug 31 '20 at 17:24

jcoleau

1,112
7
20

image not loaded from url on v-img on vuetify

1 Answers1