Vue中怎么利用Router去掉url中默认的锚点

Vue中怎么利用Router去掉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,
 }
]
})

Vue中怎么利用Router去掉url中默认的锚点

history模式

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

Vue中怎么利用Router去掉url中默认的锚点

看完上述内容，你们掌握Vue中怎么利用Router去掉url中默认的锚点的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

当前标题：Vue中怎么利用Router去掉url中默认的锚点
链接URL：http://kswjz.com/article/jhcphe.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态