Как написать srcset в проекте Gridsome Vuetify для не динамических c изображений? - PullRequest
Новая
       20

Как написать srcset в проекте Gridsome Vuetify для не динамических c изображений?

0 голосов
/ 21 апреля 2020

Это работает - 

<v-img :src="require('~/assets/images/hero/vista-mobile-768x161.jpg')"></v-img>

Когда я делаю это 

<v-img
  :src="require('~/assets/images/hero/vista-mobile-768x161.jpg')"
  :srcset="
    (require('~/assets/images/hero/vista-mobile-768x161.jpg') + ' 768w',
    require('~/assets/images/hero/vista-tablet-1009x353.jpg') + ' 1009w',
    require('~/assets/images/hero/vista-desktop-1393x353.jpg') + ' 1393w',
    require('~/assets/images/hero/vista-fullhd-2500x353.jpg') + ' 2500w')
  "
  sizes="100vw"></v-img>

, vista-fullhd-2500x353.jpg отображается даже на мобильном телефоне.

[Я тестирую в Firefox и Chrome, кэш отключен, используется размер мобильного устройства в инструментах разработчика, затем очищается кэш]

Каков правильный способ Gridsome + Veutify для выполнения srcset для нединамического c изображения?

Спасибо.

...