vue 跳转页面锚点 纯原生js

跳转按钮
<div  @click="linkHref('ID1')"></div>
<div  @click="linkHref('ID2')"></div>
<div  @click="linkHref('ID3')"></div>

跳转锚点
 <div id="ID1"></div>
 <div id="ID2"></div>
 <div id="ID3"></div>


js方法
methods: {
跳转锚点方法
 linkHref(e){
            let topVal= (document.getElementById(e).getBoundingClientRect().top)-30;
            document.documentElement.scrollTop =topVal;
        },
 },