0

В дочернем компоненте header-app

<template>
        <img :src='img'>
</template>
<script>
export default {
      props: ['img']
}
</script>

Пытаюсь вывести картинку, но не работает

<template>
<header-app img="assets/logo.png" ></header-app>
</template>

что я делаю не так?

в дом значение img попадает

введите сюда описание изображения

но сама картинка не отображается

4
  • </template - скобку не забыл?
    – Qwertiy
    6 мар 2019 в 18:31
  • Если значение попадает, а фото не отображается - то значит ошибка в передаваемом значении. Проверьте, действительно ли есть изображение по этому адресу
    – Plikard
    6 мар 2019 в 19:22
  • @Plikard проверил уже, дело явно не в путях
    – Кларк
    6 мар 2019 в 19:23
  • В данном случе дело точно в путях. Для многостраничного приложения попробуй передать АБСОЛЮТНЫЙ путь
    – MaxKut
    9 мар 2019 в 8:48

1 ответ 1

0

Во vue.js по default чтобы перейти в папочку src используют сочетание знаков './' либо же alias '@'. В твоем случае правильнее было написать "./assets/logo.png". Скажу заранее, если ты в данные момент находишься в папке (например: создал дочерний элемент и запихнул его в папку, а теперь пытаешься достучаться до картинки в другой папке) то с начало тебе необходимо из нее выйти, для этого используют сочетание знаков '../' (пример: "../assets/logo.png")

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.