jQueryページングプラグインコード

 <script src="js/vue.js"></script>
  <スクリプト>
    var newlist = 新しい Vue({
      el: '#app',
      データ： {
        current_page: 1, //当前页
        ページ: 50, //总页数
        changePage:'',//跳转页
        今インデックス:0
      }、
      計算:{
         show:function(){
             this.pages && this.pages を返す !=1
         }、
         pstart: function() {
           this.current_page == 1 を返します。
         }、
         保留: function() {
           return this.current_page == this.pages;
         }、
         efont: function() {
           if (this.pages <= 7) は false を返します。
           この現在のページを返す > 5
         }、
         ebehind: function() {
           if (this.pages <= 7) は false を返します。
           var nowAy = this.indexs;
           return nowAy[nowAy.length - 1] != this.pages;
         }、
         インデックス: function() {

           var left = 1、
             右 = this.pages、
             ar = [];
           if (this.pages >= 7) {
             if (this.current_page > 5 && this.current_page < this.pages - 4) {
               left = 数値(this.current_page) - 3;
               right = 数値(this.current_page) + 3;
             } それ以外 {
               if (this.current_page <= 5) {
                 左 = 1;
                 右 = 7;
               } それ以外 {
                 右 = このページ;

                 左 = this.pages - 6;
               }
             }
           }
           while (左 <= 右) {
             ar.push(左);
             左++;
           }
           arを返します。
         }、
       }、
      メソッド: {
        ジャンプページ: 関数(id) {
          this.current_page = id;
        }、
      }、

    })
  </script>

一款带跳转機能的 vue.js 分页插件代码、機能全齐全的 vue 分页構成要素、vue.js 使用計算計算プロパティ、データーベース実行実行应の関数