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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
javascript实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
解析javascript 实用函数的使用详解
May 10 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
深入理解vue-class-component源码阅读
Feb 18 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 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
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
js event事件的传递与冒泡处理
2009/12/06 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
angular过滤器实现排序功能
2017/06/27 Javascript
webpack+vue.js构建前端工程化的详细教程
2020/05/10 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
学习python 之编写简单乘法运算题
2016/02/27 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
Python中交换两个元素的实现方法
2018/06/29 Python
Django如何实现上传图片功能
2019/08/16 Python
python elasticsearch环境搭建详解
2019/09/02 Python
python logging设置level失败的解决方法
2020/02/19 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
高一家长会邀请函
2014/01/12 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
保安2014年终工作总结
2014/12/06 职场文书
晚会闭幕词
2015/01/28 职场文书
储备店长岗位职责
2015/04/14 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android