javascript - Vue js如何防止href默认行为更改URL名称

Question

在我的组件中，我安装了一个名为 vue2-smooth-scroll 的依赖项，它允许我根据目标元素的 id 滚动到目标元素。这是实现这一目标的代码:

<a href="#test" class="mouse-icon" @click.prevent="preventDefault" v-smooth-scroll>

我能够滚动到 id 为 #test 的元素，如以下代码所示

<div id="test"></div>

但是，我注意到 id“test”将附加在 URL 末尾。你如何阻止这种情况发生？例如，

http://localhost:8081/#/test

Answer 1

(在 URL 中)从 # 开始的所有内容都称为 hash。浏览器使用它进行导航和输入参数。浏览器可以更改哈希值，而无需向服务器提交新请求。

很可能这就是 SmoothScroll 的实现方式，并且是必需的。如果滚动到 2 个链接，您可以使用前进和后退进行导航，或为链接创建书签。

即使没有插件，浏览器和 URL 在导航到内部链接时也会使用哈希。

除非你有充分的理由删除它，否则我会接受它。