jQuery 分頁外掛程式碼

 ;
  <腳本>
    var newlist = 新 Vue({
      el: '#app',
      數據： {
        current_page: 1, //當前頁
        頁數: 50, //總頁數
        changePage:'',//跳轉頁
        現在索引:0
      },
      計算：{
         顯示：函數（）{
             返回 this.pages && this.pages !=1
         },
         pstart: 函數() {
           返回 this.current_page == 1;
         },
         掛起：函數（）{
           返回 this.current_page == this.pages;
         },
         efont: 函數() {
           if (this.pages <= 7) 回傳 false;
           返回 this.current_page > 5
         },
         後面：函數（）{
           if (this.pages <= 7) 回傳 false;
           var nowAy = this.indexs;
           return nowAy[nowAy.length - 1] != this.pages;
         },
         索引：函數() {

           左變數 = 1,
             右 = this.pages,
             ar = [];
           if (this.pages >= 7) {
             if (this.current_page > 5 && this.current_page < this.pages - 4) {
               左 = Number(this.current_page) - 3;
               右 = Number(this.current_page) + 3;
             } 別的 {
               if (this.current_page <= 5) {
                 左=1；
                 右 = 7；
               } 別的 {
                 右 = this.pages;

                 左 = this.pages - 6;
               }
             }
           }
           而（左 <= 右）{
             ar.push(左);
             左++；
           }
           返回 ar；
         },
       },
      方法： {
        跳轉頁面：函數（id）{
          this.current_page = id;
        },
      },

    })
  </劇本>

前一篇有跳轉功能的vue.js分頁外掛程式碼，功能齊全的vue分頁元件，vue.js使用計算屬性，資料同步執行對應的函數分頁代碼。