elementui轮播图自适应高度 翻了下api 没有找到对应的属性,所以这里用自定义方法来实现 <el-carousel:interval="5000"arrow="never":height="autoHeight"><el-carousel-itemv-for="(banner, index) in banners":key="index"></el-carousel-item></el-carousel> AI代码助手复制代码 我们取的banner 是在750像...
我又回来了,最近在做毕设,所以难免会遇到很多问题,需要解决很多问题,在万能的博友帮助下,终于解决了Element-ui中轮播图的图片高度问题,话不多说上代码。 那个axios的使用不重要,大致思路就是页面渲染前拿到当前窗口的宽度*图片比例给轮播图一个初始的高度,当窗后大小发生变化时,监听事件里将轮播图高度重新赋值即可,...
<el-carousel arrow="never" :height="height"> <el-carousel-item v-for="item in bannerArr" :key="item"> </el-carousel-item> </el-carousel> 1. 2. 3. 4. 5. beforeMount:function(){ this.height = $(window).width()*664/1920 + 'px'; }, 1. 2. 3....
，然后页面大小变化获取到了图片拿到当前状态下的图片高度了，然后就可以重新赋值高度从而达到了自适应效果...
vue的element ui 轮播图的高度设置成自适应 <el-carousel arrow="never" :height="height"> <el-carousel-item v-for="item in bannerArr" :key="item"> </el-carousel-item> </el-carousel> 1. 2. 3. 4. 5. beforeMount:function(){
vue的element ui 轮播图的高度设置成自适应 <el-carouselarrow="never":height="height"><el-carousel-itemv-for="item in bannerArr":key="item"></el-carousel-item></el-carousel> beforeMount:function(){this.height=$(window).width()*664/1920+'px';},...