Как не загружать изображение через require в мобильной версии?

Question

[Владимир Голубь]

В шаблоне есть картинка, которая загружается через require, но если поставить display: none элементу в мобильной версии, то все равно загрузка происходит. Как не загружать элемент в мобильной версии. v-if пробовал не помогает.

<img
          alt="laptop"
          v-for="item in 52"
          v-show="item === imgNumber"
          :src="require(`@/assets/images/main/laptop/${ item }.jpg`)"
        />

Answer 1

[Aetae]

v-if пробовал не помогает

А должен.