vue 关于mint-ui的下载刷新出现数据错乱
首先,页面都是共用了app.vue,当某个页面出现滚动操作的时候,有时候从后台返回来的数据会错乱,本来是显示page为1的数据,结果是page为2的数据。走了好些弯路,还是监听滚动的距离去判断page的值,当距离>0的时候page的值就设置0,当距离<0或是没有这个存储数据的时候,就是page设置为1;
menu(){ this.scroll = document.documentElement.scrollTop || document.body.scrollTop console.log(this.scroll) window.sessionStorage.setItem('scroll',this.scroll) }, mounted() { window.addEventListener('scroll',this.menu) },
在显示数据的页面:
if(sessionStorage.getItem('scroll') != null && sessionStorage.getItem('scroll') != '0' ){ console.log(1) this.page = 0 this.getJieban() }else{ console.log(2) this.page = 1 this.getJieban() }
这种情况还需要在mint-ui的加载中加
v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10" infinite-scroll-immediate-check="false"