var self = this;使用,出現的問題,賦值賦不上
//ajax返回來資料,可以觀測到,就是在頁面上賦值不好使!
searchUrlList:function (currentPage) {
var self = this;
$.ajax({
type:"post",
data:{currentPage:currentPage},
url:"<%=searchUrlListAction%>",
success:function(result){
//此處使用 this.urlListInfo2 = result.urlsList;---------------------賦值不好用了
self.urlListInfo2 = result.urlsList;
$('div.dataTables_paginate_urlList').pageList({
prevText: '前一頁',
nextText: '下一頁',
recordText: '{0}頁,{1}條記錄',
totalCount: result.allRowNum,
goInputType: 'text',
showGoLink: false,
showPageRange: 5,
pageSize:${commonPageSize},
currentPage:self.currentPage,
renderPerCall: true,
clickCallback: function (currentPage) {
self.currentPage = currentPage;
mainVue.searchUrlList(currentPage);
}
});
$("#urlListInfo").attr("style","display:block;");
}
//ajax請求失敗時的處理
});
},
// 下面的 urlListInfo2 總是賦值不上,原因,上面沒有寫:var self = this;而是隻用了this!
<div id="urlListInfo" style="display:none;">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>NO</th>
<th>域名</th>
<th>域名可用天數</th>
<th>伺服器可用天數</th>
<th>伺服器公網IP</th>
<th width="20%">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="(method,index) in urlListInfo2" key="index">
<td style="vertical-align: middle">{{index+1+(currentPage-1)*10}}</td>
<td style="vertical-align: middle">{{method.url}}</td>
<td style="vertical-align: middle">{{method.url_time}}</td>
<td style="vertical-align: middle">{{method.server_time}}</td>
<td style="vertical-align: middle">{{method.public_ip}}</td>
<td class="center" style="vertical-align: middle">
<a href="javascript:void(0)" v-on:click="pUrlDetail(method)" class="btn btn-info btn-outline btn-sm">
<i class="fa fa-edit"></i>詳情
</a>
<a href="javascript:void(0);" v-on:click="doDeletePUrl(method.sn)" class="btn btn-danger btn-outline btn-sm">
<i class="fa fa-times"></i>刪除
</a>
</td>
</tr>
</tbody>
</table>
<div class="dataTables_paginate_urlList paging_simple_numbers"></div>
</div>