假分页数据处理
假分页数据处理 主要使用filter 页面
filter
filters:{
//字典处理
filtersShipType(type,dictData){
if(dictData['ship_type'] && dictData['ship_type'][type]){
return dictData['ship_type'][type]['title']
}
return ''
},
//过滤分页
filterList(status,shipCode,callCode,username,list,pager){
let arr=[]
function isContain(str,val){//str被检索的字符串， val子串
let reg = new RegExp(val);
//,'g'g全局匹配;
return reg.test(str)
}
list.map(item=>{
let checkStatus=true,checkShipCode=true,checkCallCod=true,checkUsername=true
if(status && item.status!=status) checkStatus=false
if(shipCode && !isContain(item.shipCode,shipCode)) checkShipCode=false
if(callCode && !isContain(item.callCode,callCode)) checkCallCod=false
if(username && !isContain(item.username,username)) checkUsername=false
if(checkStatus && checkShipCode && checkCallCod && checkUsername){
arr.push(item)
}
})
return arr.slice((pager.currentPage-1)*pager.pageSize,pager.currentPage*pager.pageSize)
}
},方法分页处理
methods:{
//假分页 搜索处理
handleSearch(){
this.status=this.tableQuery.status
this.shipCode=this.tableQuery.shipCode
this.callCode=this.tableQuery.callCode
this.username=this.tableQuery.username
this.pager.currentPage=1
let te=this.$options.filters['filterList'];
let resultFilter=te(this.status,this.shipCode,this.callCode,this.username,this.list,this.pager);
this.pager.total=resultFilter.length
},
//假分页 页码处理
handleChangePageInfo(pager) {
this.pager = pager;
},
}初始化列表total
created() {
this.InitInnerShipEntityList().then(res=>{
this.pager.total=res.length
this.list=res
})
},推荐阅读
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量
- 2021-05-05五一的五天假期结束了
- 何必出远门，喝茶亦是旅程！
- 人生游戏--是游戏，还是人生（）
- （30）感赏日记20190703|（30）感赏日记20190703 暑假是补充心理营养最好的时机哦
- 停下“忙乱”的状态
- 种树郭橐驼传（文言句式+古今异义+词类活用+通假字）
- 长假过后
- 微雨中的东湖
- 爬虫数据处理HTML转义字符