Vue 实现锚点定位

问题：

vue在hash模式下 使用传统a标签描点定位时会改变路由地址，刷新页面时会出现空白页面

解决方法：

HTML

 <!-- 导航-->
 <a href="javascript:;" @click="anchorPoint('#nav1')"> 导航1 </a>
 <a href="javascript:;" @click="anchorPoint('#nav2')"> 导航2 </a>
 <a href="javascript:;" @click="anchorPoint('#nav3')"> 导航3 </a>


 <!-- 内容 -->
 <div id="nav1"> 内容1 </div>
 <div id="nav2"> 内容2 </div>
 <div id="nav3"> 内容3 </div>

  

  
 
  
    

JS

 methods:{
    anchorPoint(id){
      document.querySelector(id).scrollIntoView({
        behavior: "smooth"
      });
    },
  }