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

Vue中怎么利用Router去掉url中默认的锚点,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了三元免费建站欢迎大家使用!

hash模式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中默认的锚点
文章起源:http://azwzsj.com/article/jhcphe.html