jiangwei小站
113 字
1 分钟
tab快速点击数据串的问题
2024-05-22

问题描述#

tab 连续快速切换的时候,由于数据请求是异步的,所以导致数据可能是上个 tab 的数据

解决方案#

1. 使用 axios cancel#

2. 每个 tab 都用一个变量来储存,切换时候不请求数据#

3. 判断下当前 tab 索引是否为请求时候的索引#

function getData() {
  const tab = tab.value;
  a().then(() => {
    if (tab != tab.value) return;
  });
}
function switchTab(index) {
  tab.value = index;
  getData();
}