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

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也会hash在导航到内部链接时使用。除非您有很好的理由将其删除，否则我将接受它。