用ajax做分页，怎么清除页面数据后在重新渲染？

Question

我用ajax做分页，vue做数据渲染，当我点击第二页时请求数据这个是没有问题的，但是当我回到第一页，页面事件就不生效了，我要怎样删除页面数据重新渲染？？<tbody>                                <tr class="gradeX" v-for="(item,index) in mydatas">                                    <td class="expand tabclick">{{item.id}}</td>                                    <td class="">{{item.menuname}}</td>                                    <td>{{item.engname}}</td>                                    <td>{{item.path}}</td>                                    <td data-hide="default,phone,tablet">{{item.ord}}</td>                                    <td>                                        <div class="tpl-table-black-operation">                                            <a href="javascript:;"  @click="edit(index)">                                                 <i class="am-icon-pencil"></i>                                                 编辑                                            </a>                                             <a href="javascript:;" class="tpl-table-black-operation-del" @click="delt(index)">                                                <i class="am-icon-trash"></i>                                                 删除                                            </a>                                        </div>                                    </td>                                </tr>                             </tbody>function pags(totalCount){                //分页                $('.M-box4').pagination({                    totalData: totalCount,                    showData: 10,                    jump: true,                    callback: function (api) {                        var data = {                                                            pageNum: api.getCurrent(),                            pageSize:10                        };

Answer 1

页面的数据 可以理解成是一个集合 这里暂定是List 然后当你通过ajax获取到的数据时候直接对List进行覆盖就可以 this.List = data; 就这样 具体的请上代码

Answer 2

换页请求ajax完成后设置this.data

Answer 3

后退刷新的话，可保存住页码状态，不然刷新会跳回列表第一页。