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

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

创新互联公司主营柯城网站建设的网络公司,主营网站建设方案,重庆App定制开发,柯城h5重庆小程序开发搭建,柯城网站营销推广欢迎柯城等地区企业咨询

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

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

以上这篇vue项目中锚点定位替代方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


本文名称:vue项目中锚点定位替代方式
文章路径:http://pwwzsj.com/article/ieoiis.html