Vue项目中如何实现锚点定位的非传统替代方案？

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

在Vue项目中，使用锚点定位和路由规则时，可能会出现首次点击URL变化但未跳转到锚点位置，需二次点击才跳转的问题。因此，在Vue项目中定义一个方法以优化锚点定位。

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

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

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

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