vue+element UI改进轮播图自适应浏览器窗口大小

element UI自带的el-carousel高度是固定的，当图片高度过小或者浏览器窗口大小变化时，会出现空隙。我参考的方法来自https://blog.csdn.net/juneoer/article/details/84205231?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task  ，网上大部分博客也是这样的方法。基本思路就是监听浏览器窗口大小然后给bannerHeight赋值。

不过我认为 this.bannerHeight = this.$refs.bannerPic[0].height;跟 imgLoad()重复了，不太清楚为什么要两次给bannerHeight赋值，我试了下把this.bannerHeight = this.$refs.bannerPic[0].height;删除也不影响效果。

还存在一个问题，就是主页切换到其他页面后，浏览器窗口大小变化时控制台会报错。然后我把ref输出看了一下。