vue tab页面切换过快时,页面数据显示错误

410 阅读1分钟

问题:

移动端,tab页签切换过快时,导致页面数据不对,并且发现tabclick方法没有被调用到,但是接口却发送成功

原理:

函数调用以及接口返回需要时间

解决方法:

对页面组件使用v-if,让那个页面组件进行判断且渲染,同时使用nextTick进行v-if值的控制

 data:{
     ...
     loadBill: false
 },
 tabClick(item) {
     ...
     // 列表
     this.load = !this.load
     this.loadBill = false
     this.$nextTick(() => {
       this.loadBill = true
     })
  },