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下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
JavaScript实现随机点名器实例详解
May 07 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
微信小程序实现圆形进度条动画
Nov 18 Javascript
详解使用WebPack搭建React开发环境
Aug 06 Javascript
解决layer弹出层中表单不起作用的问题
Sep 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
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
JS替换字符串中指定位置的字符(多种方法)
2020/05/28 Javascript
python 接口返回的json字符串实例
2018/03/27 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
python绘制彩虹图
2019/12/16 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
产品推广策划方案
2014/05/10 职场文书
保护环境倡议书范文
2014/05/13 职场文书
访谈节目策划方案
2014/05/15 职场文书
企业文化标语口号
2014/06/09 职场文书
购房委托书范本
2014/09/18 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
春节慰问简报
2015/07/21 职场文书
创业计划书之花店
2019/09/20 职场文书
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers