本文實例為大家分享了vue實現整屏滾動切換的具體代碼,供大家參考,具體內容如下
1、下載vue-awesome-swiper
npm i vue-awesome-swiper -S
2、在main.js引入
import vueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(vueAwesomeSwiper);
3、直接上案例,新建一個路由頁面
第{{item}}頁 { let swiper = this.$refs.mySwiper.swiper; console.log(swiper.activeIndex); //滑動打印當前索引 if (swiper.activeIndex === this.list.length - 1) { //到最後一個加載更多數據 let newList = []; let listLength = this.list.length; for (let i = 0; i
4、電腦瀏覽器可能有問題,請使用真機測試
關於vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。
[techdo ] vue實現整屏滾動切換已經有250次圍觀