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 相关文章推荐
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
Jquery 高亮显示文本中重要的关键字
Dec 24 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 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
数理公式,也可以这么唯美
2021/03/10 无线电
javascript编程起步(第二课)
2007/01/10 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
2011/03/05 Javascript
js 函数调用模式小结
2011/12/26 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
JS常用知识点整理
2017/01/21 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
解决Python3.5+OpenCV3.2读取图像的问题
2018/12/05 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
python中安装django模块的方法
2020/03/12 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
实习生自我鉴定
2013/12/12 职场文书
工作自我评价怎么写
2014/01/29 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
Python基础详解之描述符
2021/04/28 Python
MySQL 全文检索的使用示例
2021/06/07 MySQL
SpringBoot整合Redis入门之缓存数据的方法
2021/11/17 Redis
Vue的过滤器你真了解吗
2022/02/24 Vue.js