vue3 滚动到dom指定位置

你可以使用 `ref` 来获取需要滚动到的 DOM 元素，然后使用 `scrollIntoView()` 方法来滚动到该元素的位置。下面是一个示例代码：

<template>
  <div>
    <div ref="scrollToElement">需要滚动到这里的元素</div>
    <button @click="scrollToElement">滚动到元素位置</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const scrollToElement = ref(null)

    const handleScrollToElement = () => {
      scrollToElement.value.scrollIntoView({ behavior: 'smooth' })
    }

    return {
      scrollToElement,
      handleScrollToElement
    }
  }
}
</script>

在上面的代码中，我们使用 `ref` 来获取需要滚动到的 DOM 元素，并将其绑定到 `scrollToElement` 上。然后在按钮的点击事件中，调用 `scrollToElement.value.scrollIntoView()` 方法来滚动到该元素的位置。 `behavior: 'smooth'` 参数将使滚动过程平滑进行。