如何使用VueJS滚动到v-if中的元素？

<template>
  <div>
    <button @click="toggleElement">Toggle Element</button>
    <div v-if="showElement" ref="scrollElement">Element to Scroll</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showElement: false
    };
  },
  methods: {
    toggleElement() {
      this.showElement = !this.showElement;
    }
  },
  mounted() {
    this.$nextTick(() => {
      // 使用原生JavaScript实现滚动
      const element = this.$refs.scrollElement;
      if (element) {
        element.scrollIntoView({ behavior: 'smooth' });
      }

      // 或者使用第三方库（如jQuery）实现滚动
      // $(element).scrollIntoView();
    });
  }
};
</script>