element走马灯如何设置图片宽度自适应屏幕

element走马灯如何设置图片宽度自适应屏幕

工具/原料

element

方法/步骤

1、1.引入图片数据的方法代码

2、2.实现模板的方法代码如下

3、3.实现获取图片的高度通过ref来获取DOM元素的方法代码

4、4.浏览器端测试的效果

5、5.实现监听窗口发生改变时获取img的高度给轮播图height属性添加属性值的方法代码

6、6.测试的效果如下