Как добавить картинки в массив vue?

Question

[Тамерлан Годжиев]

Здравствуйте, я учу vue и сейчас решил сделать свое первое приложение. Я хочу сделать приложение "Школьное расписание". Суть в том, что есть поле, куда вводится предмет. Нажимается кнопка и предмет появляется в расписании.

Этот функционал я реализовал, но сейчас хочу, чтобы при вводе предмета, например "математика", в расписании появлялась иконка калькулятора.

Наведите пожалуйста на мысль как это реализовать.

Answer 1

[mShpakov]

Например так:
- делаете объект с названием предмета и соответствию иконке

let icons = {
  "math": "icon_name",
  "physic": "icon_name_2"
}

А затем в коде вызываете типа так:

let subject = 'math';
console.log(icons[subject])

Как применить к вашему коду, надеюсь, сами поймете. Либо показывайте код

Comments

[Тамерлан Годжиев]

Спасибо, что откликнулись.
А до этого мне надо определить картинки? Они у меня в формате png. Как мне дать понять icon_name, что картинка, допустим math.png

[mShpakov]

Тамерлан Коченов, вместо icon_name пишите путь к картинке (лучше полный)

let icons = {
  "math": "https://domain.com/images/image1",
  "physic": "https://domain.com/images/image2"
}

[Тамерлан Годжиев]

А html тег "img src="Путь..." никак нельзя использовать?

[mShpakov]

Тамерлан Коченов, <img :src="icons[subject]">