vue 文件里回到页面顶部的方法

最近在做附件查看页面,由于页面太长 需要一键回到顶部的功能 试了很多方法 借鉴了别人的方法才实现 做个备忘

首先a标签 锚点 没有实现 会跳转路由

1 首先需要在页面顶部添加一个div 我是放在根包裹器上

<template>
  <div>
    	<div id="topFlag"></div>
   </div>
</template>

然后是事件

    goTop() {
      const anchorEle = document.querySelector("#topFlag");
      if (anchorEle) {
        anchorEle.scrollIntoView(true);
      }
    },

因为我的文件查看页面 有可能高度很高 不需要慢慢回到顶部 所以直接回到 顶部