请各位大佬指点！vue使用swiper和vue-lazyload的问题感激不尽

Question

使用vue-lazyload后图片会变成懒加载如果第一张图片高度是200px那么swiper容器高度也是200px如果第二张图片高度是400px那么滑动图片时容器高度也会变成400px再滑到第一张图片时的高度也还是400px这种不好的地方在于第一次滑动图片时从200到400会有一个页面布局的变化如果不用vue-lazyload它一开始就是400如果使用vue-lazyload怎么让它一开始就是400呢？

Answer 1

直接给img限定高度试下

Answer 2

由于我们前端不知道后端传过来的图片具体是什么样子，大小和长宽都未知，所以我们无法动态设置固定的大小。就类似我们的头像上传一样，图片过大则必须截断图片。你这种情况无法处理，应该算数据库中的数据库图片'异常'，并不适合用来前端处理。如果你想保留数据库中的图片又想布局不变化的话，只能设置固定值，然后超出隐藏。就像segmengfault首页的swiper图片一样，它的图片也是过大，直接超出隐藏了。希望对你有帮助。