详解swiper在vue中的应用(以3.0为例)-创新互联
一、使用方法
官网地址
参考此文章(点击我)
二、常见情况
图片需要动态获取时
待数据加载成功且渲染完毕后,进行节点初始化。例:
axios.post(‘接口地址', 参数).then(response => { this.pages = response.data; //pages 渲染数据的数组 this.$nextTick(() => { //渲染结束 // mySwiper 里面的属性按需配置,详情见官网 let mySwiper = new Swiper(".swiper-container", { initialSlide :0,//默认播放(值为图片下标) loop: false,//不循环 speed: 600, //切换速度 paginationClickable: true, //点击小点可以切换 }); }); });
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站名称:详解swiper在vue中的应用(以3.0为例)-创新互联
链接分享:http://lswzjz.com/article/jsdeg.html