vue 请求完接口后执行方法

最新推荐文章于 2024-08-29 14:51:19 发布

weixin_30549657

最新推荐文章于 2024-08-29 14:51:19 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 后端 ViewUI

原文链接：http://www.cnblogs.com/shark1100913/p/11253875.html

本文介绍了一个使用Swiper插件实现轮播图功能的方法，详细展示了如何通过Ajax调用API获取轮播图数据，并在获取数据后启动Swiper轮播插件。文章包括了完整的代码示例，涵盖了数据请求、处理及Swiper配置。

getLunbo: function() {
                    var that = this;
                    that.lunbo = [];
                    // api.showProgress({
                    //     title: '加载中'
                    // });
                    return flyPost('api/login/shouyelunbo', {
                        _ajax: 1,
                    }).then(function(res) {
                        console.log(JSON.stringify(res))
                        if (res.code == 1) {
                            that.lunbo = res.data;
　　　　　　　　　　　　　　　　//在获取完数据后启动轮播插件
                            that.$nextTick(function() {
                                    var swiper = new Swiper('.swiper-container', {
                                        loop: true,
                                        autoplay: 3000,
                                        pagination: {
                                            el: '.swiper-pagination'
                                        },
                                    });
                                })
                                // api.hideProgress();
                        } else {
                            // api.hideProgress();
                            showAlert({
                                message:6666666
                                    // message: res.msg
                            });
                        }
                    }).catch(function(err) {
                        // api.hideProgress();
                        console.log(err);
                    })