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 相关文章推荐
封装html的select标签的js操作实例
Jul 02 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
关于ES6箭头函数中的this问题
Feb 27 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
koa router 多文件引入的方法示例
May 22 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
JS+CSS实现炫酷光感效果
Sep 05 Javascript
深入浅析React中diff算法
May 19 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/03 咖啡文化
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
javascript 打印页面代码
2009/03/24 Javascript
var与Javascript变量隐式声明
2009/09/17 Javascript
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
js中flexible.js实现淘宝弹性布局方案
2020/06/23 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
python实现弹跳小球
2019/05/13 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
英国珠宝网站Argento: PANDORA、Olivia Burton和Nomination等
2020/05/08 全球购物
优秀毕业大学生推荐信
2013/11/13 职场文书
志愿者活动总结
2014/04/28 职场文书
学习党章的体会
2014/11/07 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
入党函调证明材料
2014/12/24 职场文书
python中的None与NULL用法说明
2021/05/25 Python