1

我用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
                        };
                        $.post('<%=basePath%>admin/resources/resourceList.jhtml', data, function (json) {
                            vmm.mydatas = json.datas;
                             vmm.$nextTick(function(){
                                 $(".footable").footable(); 
                              }); 
                        });
                    }
                },function (api) {
                    var this_page = api.getCurrent(); //1
                    if(this_page == 1){
                        $.post('<%=basePath%>admin/resources/resourceList.jhtml?pageNum=1&pageSize=10',function (json) {
                        vmm.mydatas = json.datas;
                                vmm.$nextTick(function(){     
                                    $(".footable").footable(); 
                             });
                        });
                    }
                });
2018-05-22 提问
3 个回答
0

已采纳

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

0

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

0

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

撰写答案

推广链接