如何用长尾词实现vue项目中的锚点定位替代？

本文共计149个文字，预计阅读时间需要1分钟。

在Vue项目中，使用锚点定位与router规则冲突时，首次点击URL变更即显示新页面，但未跳转到锚点位置。再次点击才跳转。因此，在Vue项目中定义一个方法处理锚点定位不适用。

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

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

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

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