[Bug Report] Tab组件的下划线样式问题，调用了resize也不生效

[ChenKun1997]

重现链接

https://codesandbox.io/p/devbox/vant-4-issue-template-forked-62t4vc?workspaceId=ws_QTtuPiPwxguLQP2Dr18KB7

Vant 版本

4.8.1

描述一下你遇到的问题。

切换数据的时候tab组件的下划线样式出现问题，没有跟上选中的数据

重现步骤

1. 点击切换数据
2. 样式出现问题

设备/浏览器

No response

[louhaojie99]

@ChenKun1997

tab key 设置时机放到 nextTick 后，就没问题了。

async function switchData() {
  usingB.value = !usingB.value;
  const updatedTabOptions = usingB.value ? dataB : dataA;
  tabs.value = updatedTabOptions;
  await nextTick();

  const firstTabKey = updatedTabOptions[0].id;;
  active.value = firstTabKey;
}

[ChenKun1997]

@ChenKun1997

tab key 设置时机放到 nextTick 后，就没问题了。

async function switchData() {
  usingB.value = !usingB.value;
  const updatedTabOptions = usingB.value ? dataB : dataA;
  tabs.value = updatedTabOptions;
  await nextTick();

  const firstTabKey = updatedTabOptions[0].id;;
  active.value = firstTabKey;
}

你这个修改时有问题的，你切换后命名需要选中第一个，但是却选中了第二个，所以下划线指向还是不对

[louhaojie99]

@ChenKun1997

尝试一下：https://codesandbox.io/p/devbox/vant-4-issue-template-forked-myqdjw?workspaceId=ws_WPSEhyX7jkzrbXTS8eQV85