swiper里面的carousel插件在ie11上面的bug
vue项目中发现一个bug,就是在chrome上运行swiper里面的carousel插件时正常而在ie11上运行swiper里面的carousel插件时候轮播图的图片会两倍高度显示在页面上,而且下面一倍高度显示空白。
解决历程:检查元素发现chrome和ie11dom元素的差异:并列元素的第一个dom在chrome上显示实际高度为“0+padding”而ie11上面的实际高度是“2倍正常高度+padding”。然后用了一个笨办法,用ref标记那个标签ref=“sign”,然后在mounted钩子函数中this.$refs.sign[0].style.height=“0”。
结果ie11上显示正常,chrome上也没有影响