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客户端脚本的设计和应用
Aug 21 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
加速vue组件渲染之性能优化
Apr 09 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/01 无线电
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
php实现RSA加密类实例
2015/03/26 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
[39:18]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第二场 12.17
2020/12/19 DOTA
Python实现子类调用父类的方法
2014/11/10 Python
python django 访问静态文件出现404或500错误
2017/01/20 Python
python实现彩色图转换成灰度图
2019/01/15 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
python对文件的操作方法汇总
2020/02/28 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
python中reload重载实例用法
2020/12/15 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
主持人演讲稿范文
2013/12/28 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
大学开学计划书
2014/04/30 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers