Выводить элементы массива по свойству объекта из другого объекта во vue

Прошу помочь. Необходимо отрисовать картинку в том случае, если SECTION_ID, будет равен ID отрисованного NAME из другого массива. Если можно с примером кода.введите сюда описание изображения

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


Ответы (1 шт):

Автор решения: Mikalai Parakhnevich

Директива v-if используется для рендеринга блока по условию. Блок будет отображаться только в том случае, если выражение директивы возвращает значение, приводимое к true.

Чтобы проверить ваше выражение на истинность, вы можете воспользоваться операторами сравнения

... v-if="section.ID === element.SECTION_ID" ...

Или, в вашем случае, можно сразу отобрать только подходящие под условие данные из elements, допустим воспользовавшись выражением:

... v-for="element in elements.filter((x)=>x.SECTION_ID === section.ID)" ...

после чего можно убрать v-if, т.к. вы уже проверили условие в методе filter

→ Ссылка