vue项目中点击回到顶部

html部分   

<div class="top">

      <div @click="toTop">

        <img src="../assets/cebian/top.svg" alt="" />

        <div class="t1">返回顶部</div>

      </div>

    </div>

JS部分

    toTop() {

      let top = document.documentElement.scrollTop || document.body.scrollTop;

      // 实现滚动效果

      const timeTop = setInterval(() => {

        document.body.scrollTop =

          document.documentElement.scrollTop =

          top -=50;

        if (top <= 0) {

          clearInterval(timeTop);

        }

      }, 10);

    },