Vuetify - Галерея

Question

Я пытаюсь создать галерею, используя vuetify. Это мой код

 data(){
    return{
      images:[
          {source: "require('../assets/image.jpg')", alt:"asd"},
          {source: "require('../assets/image01.jpg')", alt:"sds"},
          {source: "require('../assets/img-sydney.jpg')", alt:"asdf"}
      ]
    }
}

<v-row>
     <v-col v-for="n in 12" :key="n" cols="4">
        <v-img v-for="image in images" :key="image.alt" :src="image.source" :alt="image.alt"></v-img>
     </v-col> 
 </v-row>

Изображения не отображаются, я получаю эту ошибку: [Vuetify] Ошибка загрузки изображения

Может кто-нибудь помочь мне разобраться в проблеме? это проблема пути? Мои изображения находятся в папке активов

Большое спасибо

Answer 1

Атрибут sr c должен быть строкой, поэтому удалите функцию require (): {source: "../assets/image.jpg", alt:"asd"}

Answer 2

попробуйте это:

data(){
    return{
      images:[
          {source: "require('@/assets/image.jpg')", alt:"asd"},
          {source: "require('@/assets/image01.jpg')", alt:"sds"},
          {source: "require('@/assets/img-sydney.jpg')", alt:"asdf"}
      ]
    }
}