vue如何做分頁？

先來看一下效果圖： 

功能描述： 

1. 點選頁面序號跳轉到相應頁面； 

2. 點選單左/單右，向後/向前跳轉乙個頁面； 

3. 點選雙左/雙右，直接跳轉到最後一頁/第一頁； 

3. 一次顯示當前頁面的前三個與後三個頁面； 

4. 始終顯示最後乙個頁面；

html：

class="u-pages"

style="margin-bottom:20px; margin-top:10px;">
v-if="showpre"
class="crt">
v-on:click="jumpfirst(cur)"> << a>
li>
v-if="showpre"
class="crt">
v-on:click="minus(cur)"> < a>
li>
v-for="index in indexs" >
class="
}">
v-on:click="btnclick(index)" >
}a>
li>
template>
v-if="showmoretail"
class="crt">..li>
class="
}">
}a>
li>
v-if="showtail"
class="crt">
v-on:click="plus(cur)">>a>
li>
v-if="showtail"
class="crt">
v-on:click="jumptail(cur)">>>a>
li>
ul>
div>
html方法分析： 
1、classrenderer()方法實現了當點選頁面索引是，點選頁面獲得選中效果 
2、}
btnclick()方法，實現了點選頁面索引，跳轉到相應頁面 
3、showpreshowtail
showpre控制跳轉到第一頁與跳轉到前一頁的按鈕的顯示與消除 
showtail控制跳轉到最後一頁與跳轉到後一頁的按鈕的顯示與消除 
4、cur
記錄當前頁序號 
5、jumpfirst(cur)minus(cur)plus(cur)jumptail(cur)
實現按鈕跳轉功能
js：module.exports =

$this.

$am.ajax(,

success: function(data)

})$this.

$set("showtail", true);

return

data;

},minus:function(data)else

$this.

$am.ajax(,

success:function(data)

})return

data;

},plus: function(data)else

$this.

$am.ajax(,

success:function(data)

})return

data;

},classrenderer:function(index)

return

''; },

btnclick:function(data)else

if (data

==$this.pageno)

else

if (data

!=$this.cur)

,success:function(data)})}

},jumptail:function(data)else

$this.

$am.ajax(,

success:function(data)

})$this.

$set("showpre", true);

return

data;

},computed: else

}if ($this.cur != $this.pageno)

if ( $this.cur < ( $this.pageno - 3 ) )

}else

}return ar;

}//*********************分頁結束******************************//

}} module

.exports

= }, methods:

else

$this.

$am.ajax

(, success: function(

data

) })

$this.

$set

("showtail"

, true

); return

data

; }, minus:function(

data

)else

$this.

$am.ajax

(, success:function(

data

) })

return

data

; }, plus: function(

data

)else

$this.

$am.ajax

(, success:function(

data

) })

return

data

; }, classrenderer:function(index)

return

''; }, btnclick:function(

data

)else if

(data

==$this.pageno

) else if

(data

!=$this.cur

) , success:function(

data

) }) } }, jumptail:function(

data

)else

$this.

$am.ajax

(, success:function(

data

) })

$this.

$set

("showpre"

, true

); return

data

; }, computed: else } if ($this.cur != $this.pageno) if ( $this.cur < ( $this.pageno - 3 ) ) }else } return ar; } //*********************分頁結束******************************// } }

如何做研究

來自 在研究生期間，一開始大家都很迷惑，都不知道自己要幹什麼 該幹什麼？即便知道自己要幹什麼，也不知道從哪幹起？上次兩位老師跟我們交流了一下，下面是他們的心得 給乙個專案 解決方案 問題分塊 任務明細 一開始並不是所有的問題都會想到，但是起碼要有乙個大體的框架在心中，然後細化模組，對每乙個功能進行細...

如何做專案

1，以業務規則為綱，而不是業務實體 2，在思考和設計業務規則的時候，以業務核心為綱，什麼是業務核心，定義為，當前你最關注的，當前最不確定的那一部分。所以我現在不喜歡領域驅動，我喜歡業務驅動 其實可能二者是一碼事 那麼我這裡所說的業務驅動要怎麼驅動法呢？就先以上面兩條為起頭，然後再來說，業務規則，以找...

如何做效能測試？

一提到效能測試，大家首先想到的就是測試工具，很多人認為效能測試就是使用測試工具，會使用測試工具就是會效能測試，我認為這種思想是不對的。什麼叫效能測試呢？效能測試是通過自動化的測試工具模擬多種正常 峰值以及異常負載條件來對系統的各項效能指標進行測試。測試工具只是用於模擬某些特定的情況的，模擬出某些情況...