изображение не загружается

Question

src / assets / profile.jpg

<v-img src="../assets/profile.png" aspect-ratio="2.75"></v-img>

не загружено

Я делаюне работа.В чем причина?

Кстати,

Если вы укажете img tag src, изображение будет выводиться.

Answer 1

Эта работа для меня ...

<template>
      <img :src=logo>
</template>

<script>
export default {
    data: () => ({
        logo: require('@/assets/profile.png')
    })
}
</script>

Answer 2

Сначала необходимо связать путь к изображению со свойством src, а затем обернуть путь в require('@/assets/profile.jpg'), чтобы веб-пакет знал, что это зависимость.

Так что, как упоминалось в качестве комментария, измените свой код на это: <v-img :src="require('@/assets/profile.jpg')" aspect-ratio="2.75" ></v-img>