Во-первых, {{ }} - это текстовая интерполяция, её можно использовать только для текстового содержимого, не для генерации HTML. Тут нужен v-bind Во-вторых, Этот путь - это путь в исходниках несобранного приложения, а в рантайме должен быть путь в собранном приложении. Используй require / new Url (а зависимости от сборщика)
Делал через v-bind , дело в том что src меняется когда пользователь меняет картинку. Можете дать ссылку, как правильно реализовать?
Картинка - всегда из исходников или внешняя?
Это вам не React)
Внешняя , но по умолчанию пока в базе ничего нет картинка хранится в assets/avatar.png если пользователь там что либо сохраняет то C# который выполняется на сервере хранит у себя файл
реакт создаёт сексуальное влечение между парнями
Тогда надо в коде явно разделять случай, когда аватарка есть (и берётся ссылка на файл, который даст бек на C#), и когда её нет, и нужно показать эту дефолтную. Этот путь нужно хранить отдельно, не в user.avatar. Какой сборщик используется?
С гомофобными шутками можно и в бан
Тесак смотрит на вас с неба
Вроде Vue CLI если не ошибаюсь
Тогда импортируй картинку через require() и храни в отдельной переменной. Используй, если в user.avatar ничего нет. Но хранить этот путь в самих данных юзера не нужно
Спасибо , но дело в том что avatar.png у меня используется во многих компонентах , можно ли импортировать его в main.js и использовать везде ?
импортируй там где ты его юзаешь
картинка и так по сути является переиспользуемым "комопнентом"
только вопрос где там гомофобия?
Можно просто импортировать в месте использования, это одна строчка кода
Сделал так , но при получении по веб сокетам я пытаюсь поменять картинку user.avatar не срабатывает
На C# сервере все сохраняется, он передает путь , я этот путь добавляю в user.avatar
И пытаюсь вывести путь в src он показывает путь просто user.avatar (
Значит не используешь директиву привязки (v-bind)
Обсуждают сегодня