Как правильно указать путь, чтобы вывести изображение?

Question

[stanislavkm]

Не знаю как правильно указать путь к картинкам.

<template>
   <div v-for="item in news" :key="item.index">
           <img :src="ImgSource" class="capture" :alt="item.Title">{{itemURL}}
   ...
   </div>
</template>
<script>
import { Images } from '@/shared/Images/News'
export default {
   data(){
    return {
      Images,
      }
     }
}
</script>

В папке @/shared/Images/News есть изображение image

const news = [
{
  'ImgSource':'Images.image',
  'Title': 'Заголовок',
  'Subtitle': 'Подзаголовок',
  'newsSource':'https://google.com',
  'detail': 'Подробнее',
},

Если я ввожу в src руками Images.image, то все работает. А подставляя значение из примера выше - нет.

Answer 1

[Дима Паутов]

Как минимум, нужно указывать полный путь к изображению в вашем объекте.

const news = [
{
  'ImgSource': require('@/shared/Images/News/имя картинки'),
  'Title': 'Заголовок',
  'Subtitle': 'Подзаголовок',
  'newsSource':'https://google.com',
  'detail': 'Подробнее',
},