elemntplus锚点点击跳转到顶部

Element Plus是一款基于Vue.js设计的轻量级UI组件库，它提供了一个简洁易用的锚点功能。当你想要实现页面内部元素的快速跳转，并指向页面顶部时，可以利用`v-el`或`ref`属性创建一个自定义的锚点元素，然后通过JavaScript操作这个元素的`scrollIntoView`方法。

例如，在HTML中，你可以这样做：

<a v-ref="topAnchor" href="#top">回到顶部</a>

<div id="top" style="position: fixed; top: 0;">[...]</div>

在Vue的JS部分，你可以这样响应点击事件并跳转：

export default {
  setup() {
    const topAnchor = ref(null);

    function scrollToTop() {
      if (topAnchor.value) {
        topAnchor.value.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }

    onMounted(() => {
      topAnchor.value = this.$refs.topAnchor;
    });

    return {
      scrollToTop,
    };
  },
}

当用户点击“回到顶部”链接时，页面会平滑地滚动到顶部位置。