Vue Router去掉url中默认的锚点#


Posted in Javascript onAugust 01, 2018

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中默认的锚点#,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
Extjs中常用表单介绍与应用
Jun 07 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
JavaScript中操作字符串小结
May 04 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
Feb 26 Javascript
Vue自定义图片懒加载指令v-lazyload详解
Dec 31 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
Vue 解决多级动态面包屑导航的问题
Nov 04 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 #Javascript
node.js遍历目录的方法示例
Aug 01 #Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 #Javascript
Angular路由ui-router配置详解
Aug 01 #Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
Aug 01 #Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 #Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 #Javascript
You might like
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
2017/03/27 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
python中Flask框架简单入门实例
2015/03/21 Python
Python中的zipfile模块使用详解
2015/06/25 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
Python的时间模块datetime详解
2017/04/17 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
怎么写有吸引力的自荐信
2013/11/17 职场文书
关于毕业的广播稿
2014/01/10 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
雨花台导游词
2015/02/06 职场文书
个人年终总结范文
2015/03/09 职场文书
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS