el-carousel加载缓慢问题

el-carousel加载缓慢,如果点击下一个或者上一个按钮时,加载速度很快,否则需要等2秒左右才能显示。已经确定不是接口问题,后来各种百度才知道el-carousel会自动添加了一个空的数据

解决办法

在el-carousel上添加一个if语句,判断数据是否为空

<el-carousel height="100%" indicator-position="none" v-if="bannerArray.length">
     <el-carousel-item v-for="(item,key) in bannerArray" :key="key">
         <img :src="item.newuploadPath" class="bannerImg" alt="" @click="bannerImgClick(item)">
         <div class="banner_text">{{ item.textitle }}</div>
     </el-carousel-item>
</el-carousel>

你可能感兴趣的:(vue,elementui,vue.js,elementui)