van-tab scrollTo 有偏移

在Vue.js中，`van-tabs`组件是 vant UI 库中的一个用于创建选项卡切换面板的组件。如果你想让`scrollTo()`方法滚动到某个特定标签页，并带有偏移量，你可以这样做：

<template>
  <van-tabs v-model="activeIndex" @change="onTabChange">
    <!-- tab内容 -->
    <van-tab :key="index" :label="tabLabel" @click="scrollToWithOffset(index)">
      {{ tabContent }}
    </van-tab>
    <!-- 重复以上行，直到所有标签页 -->
  </van-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: 0,
      // 示例：标签页列表，包含标签名、内容和偏移量
      tabs: [
        { label: '标签一', content: '内容一', offset: 0 },
        { label: '标签二', content: '内容二', offset: -50 }, // 指向下方偏移50px
        // 其他标签...
      ]
    }
  },
  methods: {
    onTabChange(index) {
      this.activeIndex = index;
    },
    scrollToWithOffset(index) {
      this.$refs.tabs.tabPanels[index].scrollTo({
        x: 0,
        y: this.tabs[index].offset, // 使用对应的偏移量
        animated: true, // 是否平滑滚动，默认为true
      });
    }
  }
};
</script>

在这个例子中，当你点击标签时，`scrollToWithOffset`方法会接收当前标签的索引，并使用该索引从tabs数组中获取相应的偏移量来滚动到指定位置。