当前位置:主页 > 网页前端 > vue >

vue项目中锚点定位替代方式

时间:2021-03-14 09:48:01 | 栏目:vue | 点击:

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

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

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

您可能感兴趣的文章:

相关文章