vue项目中锚点定位bug无效和替代方式

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位:

scrollToSection(id) {
  let section = document.getElementById(id)
  if (section) {
    section.scrollIntoView()
  }
}


html标签中绑定click事件就可以了

.....

posted @ 2023-07-04 21:02  wangyb56  阅读(221)  评论(0编辑  收藏  举报