在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 用ajax做分頁,怎么清除頁面數(shù)據(jù)后在重新渲染?

用ajax做分頁,怎么清除頁面數(shù)據(jù)后在重新渲染?

我用ajax做分頁,vue做數(shù)據(jù)渲染,當我點擊第二頁時請求數(shù)據(jù)這個是沒有問題的,但是當我回到第一頁,頁面事件就不生效了,我要怎樣刪除頁面數(shù)據(jù)重新渲染??

<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(); 
                             });
                        });
                    }
                });
回答
編輯回答
不歸路

后退刷新的話,可保存住頁碼狀態(tài),不然刷新會跳回列表第一頁。

2018年8月5日 16:13
編輯回答
空痕

換頁請求ajax完成后設置this.data

2017年8月11日 22:53
編輯回答
練命

頁面的數(shù)據(jù) 可以理解成是一個集合 這里暫定是List 然后當你通過ajax獲取到的數(shù)據(jù)時候直接對List進行覆蓋就可以 this.List = data; 就這樣 具體的請上代碼

2017年2月21日 11:25