vue 手动实现无刷新分页

   Html页面代码

<div class="record-detial-page" style="margin-left: 12px;">
                    <ul class="pagination">
                        <li class="totle-page-record">共<span> @{{message_number}} </span>条记录</li>
                        <li class="first-page"  v-on:click="page_change(-2)">首页</li>
                        <li class="last-page" v-on:click="page_change(-1)">上一页</li>
                        <li class="page-detail">
                            <ul>
                                <li v-for="(item ,index) in page_list" v-on:click="get_page(item.page)"
                                    v-if="(item.page == page )" class="click-page-detail">@{{item.page}}
                                </li>
                                <li v-else v-on:click="get_page(item.page)" >@{{item.page}}</li>
                            </ul>
                        </li>
                        <li class="next-page" v-on:click="page_change(1)">下一页</li>
                        <li class="end-page" v-on:click="page_change(2)">末页</li>
                        <li class="totle-page">共<span> @{{totle_page}} </span>页</li>
                    </ul>
                </div>  <div class="record-detial-page"