vue超级简单 锚点实现 带滚动效果

先添加点击事件

        <div class="box" @click="smooth">
            <div class="icon">
              <i class="ri-arrow-down-circle-fill"></i>
            </div>
            <div class="text">
              <div></div>
              <div>下载体验</div>
            </div>
          </div>

跳转事件 #agreement为dom id名称

    smooth(){
      document.querySelector('#agreement').scrollIntoView({
        behavior: "smooth"
      });
    }