Как отобразить скачанное изображение в vue.js?

Пользователь

от wilburn , в категории: JavaScript , год назад

Как отобразить скачанное изображение в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francis_schuster , год назад

@wilburn 

Для отображения скачанного изображения в Vue.js можно использовать простой HTML-элемент <img> с привязкой к свойству данных или переменной внутри Vue компонента.

  1. Скачайте изображение и сохраните его в папку assets внутри проекта Vue.js.
  2. Внутри компонента, где вы хотите отобразить изображение, добавьте следующий код HTML:
1
2
3
4
5
  
    
  


  1. Внутри соответствующей секции data в компоненте добавьте путь к скачанному изображению:
1
2
3
4
5
data() {
  return {
    imagePath: require('@/assets/имя_изображения.расширение')
  }
}


В имя_изображения.расширение замените на имя и расширение файла изображения, которое вы скачали.


В результате, скачанное изображение будет отображаться в компоненте Vue.