el-carousel轮播图高度自适应

可以通过设置 el-carousel 的样式来实现轮播图高度自适应。具体做法是将 el-carousel 的高度设置为 0，然后将包含轮播图的容器元素设置为相对定位（position: relative），再将轮播图中的图片元素设置为绝对定位（position: absolute），并设置宽度和高度为 100%。这样就可以实现轮播图高度自适应了。

以下是示例代码：

HTML：

<div class="carousel-container">
<el-carousel :height="0">
<el-carousel-item v-for="(item, index) in list" :key="index">
<img :src="item.src" alt="">
</el-carousel-item>
</el-carousel>
</div>

CSS：

.carousel-container {
position: relative;
}

.el-carousel__item img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}