Vuetify issue - why doesn't the v-img component display anything despite the image being passed in from a valid source?

Question

I wrote this code earlier in the summer before v-card-media was depreciated in favour of v-img. As far as I can see, I\'m using v-img correctly and passing in my source through

Answer 1

just for the record if anyone have the same problem as me in the future:

if you are trying to use the v-image in a v-for loop the code should look like this:

use the fixed part of the path as a string in the require() and just the image as a variable. data properties should look like:

testimonials: [
        {
          src: 'testimonials-1.jpg',
          title: 'Some name',
          description: 'Lorem ipsum'
        },
        {
          src: 'testimonials-2.jpg',
          title: 'Some name',
          description: 'Lorem ipsum'
        },