vue-scrollTo Trying to scroll to an element that is not on the page: 0

当你使用 `vue-scrollTo` 插件时，如果尝试滚动到一个在页面上不存在的元素，就会出现 "Trying to scroll to an element that is not on the page" 的错误。

要解决这个问题，你需要确保你尝试滚动到的元素确实存在于页面上。检查元素的选择器是否正确，或者是否已经正确地渲染到页面上。如果元素是通过条件渲染或异步加载添加到页面上的，你可能需要在滚动之前等待元素被添加到 DOM 中。

例如，如果你正在使用 Vue.js 中的 `v-if` 来延迟渲染元素，你可以在 `this.$nextTick()` 中调用 `scrollTo` 方法来确保元素已经成功渲染到页面上：

<template>
  <div>
    <button @click="scrollToElement">滚动到元素</button>
    <div v-if="showElement" ref="myElement">这是要滚动到的元素</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showElement: false
    }
  },
  methods: {
    scrollToElement() {
      this.showElement = true
      this.$nextTick(() => {
        this.$scrollTo(this.$refs.myElement)
      })
    }
  }
}
</script>

在上面的代码中，当用户点击“滚动到元素”按钮时，元素将被渲染到页面上并滚动到该元素。通过在 `this.$nextTick()` 中调用 `scrollTo` 方法，我们确保了元素已经成功渲染到页面上，然后才进行滚动。