歡迎您光臨本站 註冊首頁

vue實現整屏滾動切換

←手機掃碼閱讀     techdo @ 2020-06-30 , reply:0

本文實例為大家分享了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次圍觀

http://coctec.com/docs/vue-js/show-post-240390.html