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 相关文章推荐
javascript自执行函数之伪命名空间封装法
Dec 25 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
Sep 13 Javascript
基于jQuery的公告无限循环滚动实现代码
May 11 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
浅谈es6 javascript的map数据结构
Dec 14 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 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/04/09 欧美动漫
php处理json时中文问题的解决方法
2011/04/12 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
php实现登陆模块功能示例
2016/10/20 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
js实现图片360度旋转
2017/01/22 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
详解在React里使用"Vuex"
2018/04/02 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
python logging通过json文件配置的步骤
2020/04/27 Python
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
类、抽象类、接口的差异
2016/06/13 面试题
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
财务会计人员岗位职责
2013/11/30 职场文书
给老婆的婚前保证书
2014/02/01 职场文书