vant component（tab）在启用(disabled)状态时，如何保持其具有默认选中(checked)的效果？

在Vant组件库中，Tab选项卡组件默认是没有提供直接设置为既禁用(disabled)又预设为已选中(checked)的状态的。然而，你可以通过一些技巧来实现这种效果：

1. 首先，给Tab选项卡设置`disabled`属性使其不可点击：

<van-tab v-model="activeIndex" :disabled="isDisabled">
  <van-tab-item v-for="(item, index) in items" :key="index" :title="item.title">
    {{ item.content }}
  </van-tab-item>
</van-tab>

这里假设`items`是一个数组，包含了每个选项的内容。

2. 使用数据驱动，在`data`里添加`isDisabled`布尔值，表示是否禁用所有选项：

data() {
  return {
    activeIndex: 0,
    isDisabled: false, // 当你需要禁用时将其改为true
    items: [
      { title: '选项A', content: '内容A' },
      { title: '选项B', content: '内容B' },
      // 更多选项...
    ]
  };
}

3. 如果你希望在禁用时依然有一个默认选中的外观，可以创建一个额外的样式覆盖`v-model`选择器，让其看起来像被选中，但实际上是不可交互的。这需要对CSS有一定了解，例如，你可以将选中的颜色设置为深灰色或者半透明度较低的颜色：

.van-tab-item.is-disabled-checked {
  background-color: rgba(0, 0, 0, 0.1);
  /* 或者其他视觉上类似选中的颜色 */
}

然后在JavaScript里模拟"选中"状态：

methods: {
  onTabClick(item) {
    if (this.isDisabled) {
      this.$refs.tab.setItemActiveClass({ [item.index]: true });
    }
  }
},
mounted() {
  // 设置初始的“默认”状态（虽然它会被禁用）
  if (!this.isDisabled) {
    this.$refs.tab.setItemActiveClass({ [this.activeIndex]: true });
  }
}

记住，这个方法并不能改变Tab的实际行为，用户无法切换到这些项。