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 相关文章推荐
js中回调函数的学习笔记
Jul 31 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
JS实现仿FLASH效果的竖排导航代码
Sep 15 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 26 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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
php 动态多文件上传
2009/01/18 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
AngularJS 中的事件详解
2016/07/28 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
centos系统升级python 2.7.3
2014/07/03 Python
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
python创建关联数组(字典)的方法
2015/05/04 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
美国眼镜网:GlassesUSA
2017/09/07 全球购物
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
十佳青年个人事迹材料
2014/01/28 职场文书
志愿者宣传口号
2014/06/17 职场文书
信用卡工作证明模板
2014/09/14 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
优秀教师个人材料
2014/12/15 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
超搞笑婚前保证书
2015/05/08 职场文书
婚庆主持词大全
2015/06/30 职场文书
2016参观监狱警示教育活动心得体会
2016/01/15 职场文书
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
html5调用摄像头截图功能
2022/01/18 Javascript