Swiper在Vue2中的简单使用方法

　　目录

　　以swiper3为例

　　一、全局引入

　　1. 下载swiper3

　　cnpm install swiper@3 vue-awesome-swiper@3 --save-dev

　　2. 在main.js中引入Vue-Awesome-Swiper

　　import VueAwesomeSwiper from 'vue-awesome-swiper'

　　import 'swiper/dist/css/swiper.css'

　　// 全局挂载

　　Vue.use(VueAwesomeSwiper)

　　3. 在swiper.vue中

　　loop: true失效问题

　　数据是写死的时候，能够loop:true是有效的;

　　数据是动态获取的loop:true就会失效。

　　解决办法：

　　加上v-if="list.length"有效解决

　　computed: {

　　isShowSwiper () {

　　return this.list.length

　　}

　　}

　　总结

　　到此这篇关于Swiper在Vue2中的简单使用方法的文章就介绍到这了,更多相关Vue2使用Swiper内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

　　您可能感兴趣的文章: