扎克伯格boss
获得徽章 0
赞了这篇文章
登录之后，就从后端返回token值，在每次按钮操作都会调用token，所以我们把token提示保存到vuex中统一管理，在state中定义token在mutation中修改tiken，并在组件中调用mutation我们可以把token作为请求登录的标识，在请求拦截器的每个header中加入token，这样就可以统一放在请求投里面，页面刷新vuex会丢失，所以要在本地存储，优先使用本地取到的值，在删除token时vuex和本地的要一起删掉
token失效时间是后端处理的，所以根据和后端约定的字码，在响应拦截器中让err.response当等于这个字码时就会告诉token超时
token失效时间是后端处理的，所以根据和后端约定的字码，在响应拦截器中让err.response当等于这个字码时就会告诉token超时
展开
4
1
之前那个是根据数组长度判断的
但也可以直接res.data.data.pretimestamp===null
最后一次请求就没有数据了
offset='50'设置偏移量 与底部距离多少触发offset
van-pull-refresh包裹vanlist vfor
但也可以直接res.data.data.pretimestamp===null
最后一次请求就没有数据了
offset='50'设置偏移量 与底部距离多少触发offset
van-pull-refresh包裹vanlist vfor
展开
1
点赞
顶部加载vant-list包裹for循环
并在data声明finished和loading
在methods里声明onload
data中theTIme:new Date().getTIme()这是写死了
我们是可以通过偏移量和时间戳来设置顶部刷新和底部加载
第一次获取是系统时间，后台返回0－9条数据，并携带第10条的pretimestamp值返回
第二次就是格局上一个pretimestamp从指定时间戳再往后找10个数据(10－19）第20条pretimestamp返回
async onload(){
第一行if(this.list.length){
return 如果页面没数据没高度就让本次onload不执行
}
第二种由于合并就有重复的key所以:immediate-check为false
但是查询参数timestamp:this.theTIme，
然后请求到res
if(res.data.data.result.length===0){
this.finished=true
}
this.thetime=res.data.pretimestamp
this.list=[...this.list,res.data.data.results]
this.loading=false
触底再发一遍由于
并在data声明finished和loading
在methods里声明onload
data中theTIme:new Date().getTIme()这是写死了
我们是可以通过偏移量和时间戳来设置顶部刷新和底部加载
第一次获取是系统时间，后台返回0－9条数据，并携带第10条的pretimestamp值返回
第二次就是格局上一个pretimestamp从指定时间戳再往后找10个数据(10－19）第20条pretimestamp返回
async onload(){
第一行if(this.list.length){
return 如果页面没数据没高度就让本次onload不执行
}
第二种由于合并就有重复的key所以:immediate-check为false
但是查询参数timestamp:this.theTIme，
然后请求到res
if(res.data.data.result.length===0){
this.finished=true
}
this.thetime=res.data.pretimestamp
this.list=[...this.list,res.data.data.results]
this.loading=false
触底再发一遍由于
展开
评论
1