Vue中如何利用Router去掉url中默认的锚点

本篇内容主要讲解"Vue中如何利用Router去掉url中默认的锚点"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"Vue中如何利用Router去掉url中默认的锚点"吧!

hash模式url

vue-router默认hash模式--使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。

如果不想要这种默认的hash模式，可以用路由的history模式，这种模式充分的利用history.pushState API来完成URL跳转而无需重新加载页面。

index.js

Vue.use(Router)export default new Router({ mode: 'history', routes: [ {  path:"/xxx",  name:"xxx",  component: Xxx, }]})

history模式

修改之后url就变成了正常的url

到此，相信大家对"Vue中如何利用Router去掉url中默认的锚点"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！