vue3 页面滚动到指定位置

在Vue3中，如果你想要实现页面滚动到某个特定的位置，通常会使用JavaScript的`scrollTo()`方法结合Vue的响应式特性。这里是一个简单的示例：

<template>
  <button @click="scrollToTop">Scroll to Top</button>
  <!-- ...你的内容... -->
</template>

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

const scrollTarget = ref(0); // 指定滚动目标的位置

function scrollToTop() {
  window.scrollTo({
    top: scrollTarget.value, // 设置滚动顶部
    behavior: 'smooth', // 可选参数，设置平滑滚动效果，默认为'default'
  });
}
</script>

在这个例子中，当你点击“Scroll to Top”按钮时，页面就会滚动到`scrollTarget`所指向的位置。你可以随时更新`scrollTarget`的值来改变滚动的目标。