Question

快速问题。

我在HTML中有此图片标签来处理响应图像。

<picture>
 <source
   media=”(min-width: 900px)”
   srcset=“image-lg_1x.webp 1x, image-lg_2x.webp 2x”
   type=“image/webp” >
 <source
   media=”(min-width: 601px)”
   srcset=“image-md_1x.webp 1x, image-md_2x.webp 2x”
   type=“image/webp” >
 <source
   srcset=“image-sm_1x.webp 1x, image-sm_2x.webp 2x”
   type=“image/webp” >
 <img 
   srcset=“image-sm_1x.jpg 600w,
   image-md_1x.jpg 900w,
   image-lg_1x.jpg 1440w”
   src=“image_lg_1x.jpg”
   type=“image/jpeg”
   alt=”image description”>
</picture>

如何在Vue图片代码中使用此语法？我知道有一个用于响应图像的组件，但它需要服务器端转换。我已经有照片了！

谢谢

Answer 1

我制作了使某些功能自动化的组件：vue-picture-element

带有src的Vue中的自适应图片标签

1 个答案: