37-获取轮播图数据-----包含如何发送异步请求

1、定义轮播图数组

2、页面开始加载时,发送异步请求获取轮播图数据

3、这样我们的data中的swiperList就被赋值了

4、对轮播图进行动态渲染

但是显示的效果不好

5、我们进行如下处理

这样显示效果就好了,并且因为我们把swiper的高度设置成和image的高度一样,即使机型大小发生改变,图片也能完美的显示

6、给轮播图添加一些属性
(1)在swiper标签上添加autoplay属性让其自动轮播
(2)在swiper标签上添加indicator-dots显示面板指示点
(3)在swiper标签上添加circular来循环轮播

7、下一节进行异步请求代码的优化

posted @ 2021-10-19 22:15  不是孩子了  阅读(351)  评论(0)    收藏  举报