用vue了简单分页功能，整体实际上拆分成两部分:
<vuetable listdata="{{datalist}}" clickcallback="{{callback}}"></vuetable>
<pages pages="{{@ pages}}" clickhandle="{{search}}"></pages>
其中vuetable组件负责数据展示功能，里面内容暂且不表，pages组件实现分页功能，如下：
<div>
<ul>
<li v-on="click:leftclick" v-show="leftbtn"><a>《</a></li>
<li class="pageindex" v-repeat="showlength" v-on="click:clickhandle(currentIndex+$index,$event)"><a>{{currentIndex+$index}}</a></li>
<li v-on="click:rightclick" v-show="rightbtn"><a>》</a></li>
</ul>
</div>本回答被提问者采纳