vue 进入页面局部回到顶部

在Vue进入页面时局部回到顶部可以使用以下步骤：

1. 在组件中使用`mounted`生命周期钩子函数，给需要回到顶部的元素添加一个引用。

2. 在`mounted`生命周期钩子函数中，使用`$nextTick`方法等待DOM渲染完成后，使用`scrollTo`方法回到顶部。

以下是实现的代码示例：

<template>
  <div>
    <div ref="scrollArea"> <!-- 添加ref引用 -->
      ...
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      this.$refs.scrollArea.scrollTo({
        top: 0,
        behavior: 'smooth' // 平滑滚动
      });
    });
  }
}
</script>

在上面的代码中，我们在`mounted`生命周期钩子函数中使用`$nextTick`方法等待DOM渲染完成后，使用`$refs`来获取需要回到顶部的元素，然后使用`scrollTo`方法回到顶部。由于使用了平滑滚动，因此可以看到页面平滑地滚动到顶部。