Я пытаюсь отобразить изображение в шаблоне Vue, используя опору, которую я передал в своем файле App.vue.

App.vue :

<Header image='../assets/logo.png' />

Header.vue:

<template>
  <div class="div-box">
    <img :src={image} alt="Vue logo" />
  </div>
</template>

<script>
export default {
  name: "Header",
  props: ["image"],
};
</script> 

Заранее спасибо!

1
Pexate 9 Ноя 2021 в 13:02

1 ответ

Лучший ответ

Вы должны явно загрузить "модуль" изображения:

<Header :image="require('../assets/logo.png')" />

vue-loader делает это автоматически для вас, например, <img>, но если вы сделали свой собственный компонент, вам нужно сделать это самостоятельно.

1
Decade Moon 9 Ноя 2021 в 13:05