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

162 阅读 0 评论 107 点赞

我是靠谱客的博主靓丽蓝天，最近开发中收集的这篇文章主要介绍vue项目中锚点定位替代方式，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

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

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

以上就是靓丽蓝天为你收集整理的vue项目中锚点定位替代方式的全部内容，希望文章能够帮你解决vue项目中锚点定位替代方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。