vant 锚点到指定位置

要将 Vant 中的锚点（Anchor）定位到指定位置，你可以使用 `scrollTo` 方法。以下是一个简单的示例：

<template>
  <div>
    <van-anchor :offset-top="60">
      <van-anchor-link href="#section1" title="Section 1"></van-anchor-link>
      <van-anchor-link href="#section2" title="Section 2"></van-anchor-link>
      <van-anchor-link href="#section3" title="Section 3"></van-anchor-link>
    </van-anchor>

    <div id="section1" style="height: 300px; background-color: #f9f9f9; margin-bottom: 20px;">
      Section 1
    </div>

    <div id="section2" style="height: 300px; background-color: #f9f9f9; margin-bottom: 20px;">
      Section 2
    </div>

    <div id="section3" style="height: 300px; background-color: #f9f9f9;">
      Section 3
    </div>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const anchor = ref(null);

    const scrollToSection = (sectionId) => {
      const section = document.getElementById(sectionId);
      if (section) {
        anchor.value.scrollTo(section);
      }
    };

    return {
      anchor,
      scrollToSection
    };
  }
};
</script>

在上面的示例中，我们使用了 Vant 的 `van-anchor` 和 `van-anchor-link` 组件来创建锚点导航。`offset-top` 属性用于设置距离顶部的偏移量，以便在滚动时固定导航栏。`scrollToSection` 方法接收一个参数 `sectionId`，它会将相应的部分滚动到视图中。

通过调用 `anchor.value.scrollTo(section)`，我们可以将指定的部分滚动到可见区域。请确保在调用 `scrollToSection` 方法之前，`anchor` 已经正确地引用了 `van-anchor` 组件的实例。

这样，当你点击锚点链接时，页面会自动滚动到对应的部分。