3-apicloud-轮播图的坑

apicloud引用vue.js。
在methods中写以下:
initSwiper() {
// console.log(1231231)
var that = this

                api.ajax({
                    url: 'http://10.50.128.156:8855/contentmanage/gethotplanhome',
                    method: 'post',
                    timeout: 5,
                    //  dataType: 'json',
                    //  returnAll: true,


                }, function(ret, err) {
                    Vue.nextTick(function() {
                        var swiper = new Swiper('.swiper-container', {
                            slidesPerView: 'auto',
                            centeredSlides: true,
                            spaceBetween: 30,
                            loop: true,
                            pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                            },
                        });
                    });

                    // console.log(JSON.stringify(ret.data))
                    that.lunbo = ret.data;
                    // console.log(JSON.stringify(that.lunbo))


                })
            },

-----------------------------------------------------------------------------------------------、
在vue生命周期的created中ajax请求
在mounted挂载,
mounted() {
this.initSwiper();
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值