快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/jhcphe.html

其他资讯