在 Vue.js 中，您可以使用 $refs 来获取页面中的元素，并使用 scrollIntoView() 方法来滚动到对应位置。

首先，您需要将要滚动到的元素添加一个 ref 属性，以便在 Vue 实例中使用 $refs 获取该元素。以下是一个示例代码：xmlCopy

<template>
  <div>
    <button @click="scrollToElement">滚动到元素</button>
    <div ref="targetElement">这是要滚动到的元素</div>
  </div>
</template>

在这个示例中，我们在页面中添加了一个按钮和一个 div 元素，该元素将作为要滚动到的目标元素。我们使用 ref="targetElement" 属性将该元素设置为 targetElement 引用。

接下来，我们可以在 Vue 实例中使用 $refs 获取该元素，然后在点击事件处理程序中使用 scrollIntoView() 方法将页面滚动到该元素的位置。以下是一个示例代码：Copy

<script>
export default {
  methods: {
    scrollToElement() {
      this.$refs.targetElement.scrollIntoView();
    }
  }
};
</script>

在这个示例中，我们在 Vue 实例中定义了一个名为 scrollToElement() 的方法，该方法将页面滚动到目标元素的位置。我们使用 this.$refs.targetElement 获取目标元素，并使用 scrollIntoView() 方法将页面滚动到该元素的位置。

最后，我们在按钮的 @click 事件中调用 scrollToElement() 方法，以实现点击按钮后滚动到目标元素的效果。

请注意，如果您需要在滚动到目标元素的同时添加一些动画效果，您可以使用第三方 JavaScript 库，如 jQuery 或 GSAP。这些库提供了丰富的动画效果和配置选项，可以帮助您实现更复杂的滚动效果。