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 相关文章推荐
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
Vue Router中应用中间件的方法
Aug 06 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网站提速三大“软”招
2006/10/09 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
python实现class对象转换成json/字典的方法
2016/03/11 Python
python实现ID3决策树算法
2017/12/20 Python
Python中的枚举类型示例介绍
2019/01/09 Python
基于Python中的yield表达式介绍
2019/11/19 Python
flask 使用 flask_apscheduler 做定时循环任务的实现
2019/12/10 Python
基于Python实现扑克牌面试题
2019/12/11 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
日语专业毕业生求职信
2013/12/04 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
工程承包协议书范本
2014/09/29 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
2014年教学工作总结
2014/11/13 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
高中班长竞选稿
2015/11/20 职场文书
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python