一.uniapp列表数据加载
appliedlist:[],//表单
appliedtotal:0,//表单数量
queryParams:{
pageNum: 1,
pageSize:this.appliedtotal,//向后台申请表单数量、、、全部获取
},
mesNum:10, //显示表单
isopen:false, //显示开关
获取表单
getlist(){
listtop(this.queryParams).then(Response=>{
for(let i=0;i<Response.total;i++){
if(Response.rows[i].msgCategory==2){
this.appliedlist.push(Response.rows[i])
}
}
this.appliedtotal=this.appliedlist.length
console.log(this.appliedtotal);
})
},
表单数量加加
more(){
if(this.mesNum<this.appliedtotal){
this.mesNum+=10
uni.showLoading({
title: '加载中'
});
setTimeout(function () {
uni.hideLoading();
}, 500);
console.log(this.mesNum);
}
else{
uni.showToast({
title: '数据加载完成~',
icon:'none',
duration: 2000
});
}
}
加载表单函数
onReachBottom(){
setTimeout(()=>{
this.more()
},500)
},
显示部分
<view v-for="(item,index) in appliedlist" :key="index">
<view v-show="isopen||index<mesNum">
结束显示
<view>
<text v-show='this.appliedtotal<=mesNum ' class="clashtext">无数据~</text>
</view>
二.详情页(子页)返回列表页(父页)父页自动刷新
子页:
父页: