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"

 

posted @ 2020-08-06 17:49  懒噗噗的博客小家  阅读(169)  评论(0编辑  收藏  举报